@stll/ui 0.65.0 → 0.66.0

package/dist/components/pagination.js

@@ -6,7 +6,7 @@ import { DirectionalIcon } from "./directional-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/pagination.tsx
+// src/components/pagination.tsx
 const Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx("nav", {
 	"aria-label": "Pagination",
 	className: cn("mx-auto flex w-full justify-center", className),
@@ -74,5 +74,4 @@ const PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs("sp
 		children: "More pages"
 	})]
 });
-//#endregion
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/components/popover.d.ts

@@ -2,7 +2,6 @@ import * as React$1 from "react";
 import { ComponentProps } from "react";
 import { OverlayLayer } from "../lib/overlay-layer.js";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
-//#region src/components/popover.d.ts
 declare const PopoverCreateHandle: typeof Popover$1.createHandle;
 declare const Popover: typeof Popover$1.Root;
 declare function PopoverTrigger({ tooltip, ...props }: Popover$1.Trigger.Props & {
@@ -43,5 +42,4 @@ declare const PopoverPanel: ({ children, contentClassName, ...props }: Component
 declare const PopoverClose: ({ ...props }: Popover$1.Close.Props) => React$1.JSX.Element;
 declare const PopoverTitle: ({ className, ...props }: Popover$1.Title.Props) => React$1.JSX.Element;
 declare const PopoverDescription: ({ className, ...props }: Popover$1.Description.Props) => React$1.JSX.Element;
-//#endregion
 export { Popover, PopoverClose, PopoverPopup as PopoverContent, PopoverPopup, PopoverCreateHandle, PopoverDescription, PopoverPanel, PopoverTitle, PopoverTrigger };

package/dist/components/popover.js

@@ -5,7 +5,7 @@ import { CONTENT_SIZED_POSITIONER_CLASS_NAME, IN_FLOW_POPUP_CLASS_NAME } from ".
 import { renderTooltipTrigger } from "./tooltip-trigger-helper.js";
 import { jsx } from "react/jsx-runtime";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
-//#region src/components/popover.tsx
+// src/components/popover.tsx
 const PopoverCreateHandle = Popover$1.createHandle;
 const Popover = Popover$1.Root;
 function PopoverTrigger({ tooltip, ...props }) {
@@ -76,5 +76,4 @@ const PopoverDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(Popo
 	"data-slot": "popover-description",
 	...props
 });
-//#endregion
 export { Popover, PopoverClose, PopoverPopup as PopoverContent, PopoverPopup, PopoverCreateHandle, PopoverDescription, PopoverPanel, PopoverTitle, PopoverTrigger };

package/dist/components/preview-card.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
 import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card";
-//#region src/components/preview-card.d.ts
 export declare const PreviewCard: typeof PreviewCardPrimitive.Root;
 export declare const PreviewCardTrigger: ({ ...props }: PreviewCardPrimitive.Trigger.Props) => React.ReactElement;
 export declare const PreviewCardPopup: ({ className, children, align, sideOffset, anchor, ...props }: PreviewCardPrimitive.Popup.Props & {
@@ -8,5 +7,4 @@ export declare const PreviewCardPopup: ({ className, children, align, sideOffset
   sideOffset?: PreviewCardPrimitive.Positioner.Props["sideOffset"];
   anchor?: PreviewCardPrimitive.Positioner.Props["anchor"];
 }) => React.ReactElement;
-//#endregion
 export { PreviewCard as HoverCard, PreviewCardPopup as HoverCardContent, PreviewCardTrigger as HoverCardTrigger, PreviewCardPrimitive };

package/dist/components/preview-card.js

@@ -2,7 +2,7 @@
 import { cn } from "../lib/utils.js";
 import { jsx } from "react/jsx-runtime";
 import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card";
-//#region src/components/preview-card.tsx
+// src/components/preview-card.tsx
 const PreviewCard = PreviewCardPrimitive.Root;
 const PreviewCardTrigger = ({ ...props }) => /* @__PURE__ */ jsx(PreviewCardPrimitive.Trigger, {
 	"data-slot": "preview-card-trigger",
@@ -21,5 +21,4 @@ const PreviewCardPopup = ({ className, children, align = "center", sideOffset =
 		children
 	})
 }) });
-//#endregion
 export { PreviewCard as HoverCard, PreviewCard, PreviewCardPopup as HoverCardContent, PreviewCardPopup, PreviewCardTrigger as HoverCardTrigger, PreviewCardTrigger, PreviewCardPrimitive };

package/dist/components/preview-pane.d.ts

@@ -1,5 +1,4 @@
 import * as React$1 from "react";
-//#region src/components/preview-pane.d.ts
 /**
  * Side-pane preview pattern: a list of options (menu items, rows) with a
  * fixed-width pane beside it that previews the highlighted option. The pane
@@ -39,5 +38,4 @@ type PreviewPaneProps = React$1.ComponentProps<"div"> & {
   size?: "default" | "thumbnail";
 };
 declare const PreviewPane: ({ children, className, overflow, size, ...props }: PreviewPaneProps) => React$1.JSX.Element;
-//#endregion
 export { MenuPreviewLayout, PreviewPane };

package/dist/components/preview-pane.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/utils.js";
 import { ScrollArea } from "./scroll-area.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/preview-pane.tsx
+// src/components/preview-pane.tsx
 const MenuPreviewLayout = ({ children, preview, className, previewWidth = "fixed" }) => /* @__PURE__ */ jsxs("div", {
 	className: cn("flex items-stretch", className),
 	"data-slot": "menu-preview-layout",
@@ -40,5 +40,4 @@ const PreviewPane = ({ children, className, overflow = "clip", size = "default",
 		children
 	})
 });
-//#endregion
 export { MenuPreviewLayout, PreviewPane };

package/dist/components/prose.d.ts

@@ -1,6 +1,5 @@
 import * as React$1 from "react";
 import { VariantProps } from "class-variance-authority";
-//#region src/components/prose.d.ts
 /** Preserve source word breaks while allowing oversized tokens to fit narrow panes. */
 export declare const LEGAL_TEXT_CLASS_NAME = "hyphens-manual wrap-anywhere";
 declare const proseVariants: (props?: ({
@@ -9,5 +8,4 @@ declare const proseVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /** A readable measure for narrative copy; task-shaped text should not use it. */
 export declare const Prose: ({ className, size, tone, ...props }: React$1.ComponentProps<"p"> & VariantProps<typeof proseVariants>) => React$1.JSX.Element;
-//#endregion
 export {};

package/dist/components/prose.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/utils.js";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-//#region src/components/prose.tsx
+// src/components/prose.tsx
 /** Preserve source word breaks while allowing oversized tokens to fit narrow panes. */
 const LEGAL_TEXT_CLASS_NAME = "hyphens-manual wrap-anywhere";
 const proseVariants = cva("max-w-[80ch] leading-relaxed", {
@@ -32,5 +32,4 @@ const Prose = ({ className, size, tone, ...props }) => /* @__PURE__ */ jsx("p",
 	}), className),
 	...props
 });
-//#endregion
 export { LEGAL_TEXT_CLASS_NAME, Prose };

package/dist/components/scroll-area.d.ts

@@ -1,6 +1,5 @@
 import { Ref } from "react";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
-//#region src/components/scroll-area.d.ts
 /**
  * Which way the area may scroll. `both` is the primitive's own behaviour: a
  * viewport that scrolls whichever axis its content overflows. `vertical` is
@@ -27,5 +26,4 @@ declare const ScrollArea: ({ axis, className, children, scrollFade, scrollbarCla
   viewportRef?: Ref<HTMLDivElement>;
 }) => import("react").JSX.Element;
 declare const ScrollBar: ({ className, orientation, ...props }: ScrollArea$1.Scrollbar.Props) => import("react").JSX.Element;
-//#endregion
 export { ScrollArea, ScrollBar };

package/dist/components/scroll-area.js

@@ -2,7 +2,7 @@
 import { cn } from "../lib/utils.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
-//#region src/components/scroll-area.tsx
+// src/components/scroll-area.tsx
 const AXIS_VIEWPORT_CLASS = {
 	both: "",
 	vertical: "overflow-x-hidden"
@@ -38,5 +38,4 @@ const ScrollBar = ({ className, orientation = "vertical", ...props }) => /* @__P
 		"data-slot": "scroll-area-thumb"
 	})
 });
-//#endregion
 export { ScrollArea, ScrollBar };

package/dist/components/scroll-to-top.d.ts

@@ -1,5 +1,4 @@
 import { RefObject } from "react";
-//#region src/components/scroll-to-top.d.ts
 export type ScrollToTopProps = {
   scrollContainerRef: RefObject<HTMLElement | null>;
   /** Show once scrollTop exceeds this many px. */
@@ -7,5 +6,4 @@ export type ScrollToTopProps = {
   label?: string;
   className?: string;
 };
-export declare const ScrollToTop: ({ scrollContainerRef, threshold, label, className }: ScrollToTopProps) => import("react").JSX.Element;
-//#endregion
+export declare const ScrollToTop: ({ scrollContainerRef, threshold, label, className }: ScrollToTopProps) => import("react").JSX.Element;

package/dist/components/scroll-to-top.js

@@ -2,7 +2,7 @@
 import { cn } from "../lib/utils.js";
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-//#region src/components/scroll-to-top.tsx
+// src/components/scroll-to-top.tsx
 /**
 * Scroll-to-top affordance — a subtle floating button that fades in once a
 * scroll container is scrolled past a threshold and jumps back to the top
@@ -39,5 +39,4 @@ const ScrollToTop = ({ scrollContainerRef, threshold = 600, label = "Scroll to t
 		})
 	});
 };
-//#endregion
 export { ScrollToTop };

package/dist/components/search-field.d.ts

@@ -1,6 +1,5 @@
 import * as React$1 from "react";
 import { InputGroupInput } from "./input-group.js";
-//#region src/components/search-field.d.ts
 type SearchFieldProps = Omit<React$1.ComponentProps<typeof InputGroupInput>, "onChange" | "type" | "value"> & {
   value: string;
   onValueChange: (value: string) => void;
@@ -16,5 +15,4 @@ type SearchFieldProps = Omit<React$1.ComponentProps<typeof InputGroupInput>, "on
  * hundred rows.
  */
 declare const SearchField: ({ value, onValueChange, clearLabel, groupClassName, className, onKeyDown, ...props }: SearchFieldProps) => React$1.JSX.Element;
-//#endregion
 export { SearchField, type SearchFieldProps };

package/dist/components/search-field.js

@@ -4,7 +4,7 @@ import { cn } from "../lib/utils.js";
 import { Button } from "./button.js";
 import { InputGroup, InputGroupAddon, InputGroupInput } from "./input-group.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/search-field.tsx
+// src/components/search-field.tsx
 /**
 * Filter-as-you-type search box: leading magnifier, clear button once there is
 * a query, and Escape clears before it blurs. The caller owns the query state
@@ -46,5 +46,4 @@ const SearchField = ({ value, onValueChange, clearLabel, groupClassName, classNa
 		})
 	})]
 });
-//#endregion
 export { SearchField };

package/dist/components/secret-input.d.ts

@@ -1,9 +1,7 @@
 import { InputProps } from "./input.js";
-//#region src/components/secret-input.d.ts
 type SecretInputProps = Omit<InputProps, "type"> & {
   hideValueLabel: string;
   showValueLabel: string;
 };
 declare const SecretInput: ({ className, dir, disabled, hideValueLabel, showValueLabel, ...props }: SecretInputProps) => import("react").JSX.Element;
-//#endregion
 export { SecretInput, type SecretInputProps };

package/dist/components/secret-input.js

@@ -5,7 +5,7 @@ import { Button } from "./button.js";
 import { Input } from "./input.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-//#region src/components/secret-input.tsx
+// src/components/secret-input.tsx
 const SecretInput = ({ className, dir, disabled, hideValueLabel, showValueLabel, ...props }) => {
 	const [visibility, setVisibility] = useState("concealed");
 	const isRevealed = visibility === "revealed";
@@ -34,5 +34,4 @@ const SecretInput = ({ className, dir, disabled, hideValueLabel, showValueLabel,
 		})]
 	});
 };
-//#endregion
 export { SecretInput };

package/dist/components/segmented-icon-toggle.d.ts

@@ -1,5 +1,4 @@
 import { ComponentType } from "react";
-//#region src/components/segmented-icon-toggle.d.ts
 type SegmentedIconToggleOption<T extends string> = {
   value: T;
   icon: ComponentType<{
@@ -19,5 +18,4 @@ type SegmentedIconToggleProps<T extends string> = {
  * the same across the app. A `ToggleGroup` of icon items that always holds
  * one value: clicking the chosen option keeps it. */
 export declare const SegmentedIconToggle: <T extends string>({ value, options, onChange, size }: SegmentedIconToggleProps<T>) => import("react").JSX.Element;
-//#endregion
 export {};

package/dist/components/segmented-icon-toggle.js

@@ -2,7 +2,7 @@
 import { cn } from "../lib/utils.js";
 import { ToggleGroup, ToggleGroupItem } from "./toggle-group.js";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/segmented-icon-toggle.tsx
+// src/components/segmented-icon-toggle.tsx
 /** Compact segmented control of icon buttons (e.g. table row wrap, list
 * density). One shared shell so every density/mode switch looks and behaves
 * the same across the app. A `ToggleGroup` of icon items that always holds
@@ -27,5 +27,4 @@ const SegmentedIconToggle = ({ value, options, onChange, size = "compact" }) =>
 		}, option.value);
 	})
 });
-//#endregion
 export { SegmentedIconToggle };

package/dist/components/select.d.ts

@@ -1,7 +1,6 @@
 import * as React$1 from "react";
 import { ControlSize } from "../lib/control-size.js";
 import { Select as Select$1 } from "@base-ui/react/select";
-//#region src/components/select.d.ts
 type SelectItemProps = Select$1.Item.Props & {
   label?: string;
 };
@@ -22,5 +21,4 @@ declare const SelectItem: ({ className, children, label: _label, ...props }: Sel
 declare const SelectSeparator: ({ className, ...props }: Select$1.Separator.Props) => React$1.JSX.Element;
 declare const SelectGroup: (props: Select$1.Group.Props) => React$1.JSX.Element;
 declare const SelectGroupLabel: (props: Select$1.GroupLabel.Props) => React$1.JSX.Element;
-//#endregion
 export { Select, SelectPopup as SelectContent, SelectPopup, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/select.js

@@ -8,7 +8,7 @@ import { useLatest } from "../hooks/use-latest.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
 import { Select as Select$1 } from "@base-ui/react/select";
-//#region src/components/select.tsx
+// src/components/select.tsx
 const SelectItemDisplaysContext = React$1.createContext(/* @__PURE__ */ new Map());
 const renderSelectedDisplay = (displays, placeholder) => (value) => {
 	if (!displays.has(value)) return placeholder ?? null;
@@ -191,5 +191,4 @@ const SelectGroupLabel = (props) => /* @__PURE__ */ jsx(Select$1.GroupLabel, {
 	"data-slot": "select-group-label",
 	...props
 });
-//#endregion
 export { Select, SelectPopup as SelectContent, SelectPopup, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/separator.d.ts

@@ -1,6 +1,5 @@
 import { PropsWithChildren } from "react";
 import { Separator as Separator$1 } from "@base-ui/react/separator";
-//#region src/components/separator.d.ts
 declare const Separator: ({ className, orientation, ...props }: Separator$1.Props) => import("react").JSX.Element;
 type TextSeparatorProps = PropsWithChildren<{
   /** Container overrides, e.g. gap or vertical padding. */
@@ -37,5 +36,4 @@ type ResizeSeparatorProps = {
  * adds no visible width of its own.
  */
 declare const ResizeSeparator: ({ className, label, value, min, max, keyboardStep, onResize }: ResizeSeparatorProps) => import("react").JSX.Element;
-//#endregion
 export { ResizeSeparator, Separator, TextSeparator };

package/dist/components/separator.js

@@ -3,7 +3,7 @@ import { cn } from "../lib/utils.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import { Separator as Separator$1 } from "@base-ui/react/separator";
-//#region src/components/separator.tsx
+// src/components/separator.tsx
 const Separator = ({ className, orientation = "horizontal", ...props }) => /* @__PURE__ */ jsx(Separator$1, {
 	className: cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:not-[[class^='h-']]:not-[[class*='_h-']]:self-stretch", className),
 	"data-slot": "separator",
@@ -73,5 +73,4 @@ const ResizeSeparator = ({ className, label, value, min, max, keyboardStep, onRe
 		tabIndex: 0
 	});
 };
-//#endregion
 export { ResizeSeparator, Separator, TextSeparator };

package/dist/components/separator.native.d.ts

@@ -1,6 +1,5 @@
 import { SeparatorContract } from "./separator.shared.js";
 import { ViewProps } from "react-native";
-//#region src/components/separator.native.d.ts
 /**
  * The web's `Separator` (./separator.tsx) on a phone: a hairline in the
  * border colour, across the container or, `vertical`, down it. A list passes
@@ -10,5 +9,4 @@ export declare const Separator: ({ className, orientation, ...props }: ViewProps
   className?: string | undefined;
   /** A hairline holds nothing. */
   children?: never;
-}) => import("react").JSX.Element;
-//#endregion
+}) => import("react").JSX.Element;

package/dist/components/separator.native.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { View } from "react-native";
-//#region src/components/separator.native.tsx
+// src/components/separator.native.tsx
 /**
 * The web's `Separator` (./separator.tsx) on a phone: a hairline in the
 * border colour, across the container or, `vertical`, down it. A list passes
@@ -12,5 +12,4 @@ const Separator = ({ className, orientation = "horizontal", ...props }) => /* @_
 	className: `bg-border ${orientation === "vertical" ? "w-px self-stretch" : "h-px w-full"} ${className ?? ""}`,
 	importantForAccessibility: "no-hide-descendants"
 });
-//#endregion
 export { Separator };

package/dist/components/separator.shared.d.ts

@@ -1,6 +1,4 @@
-//#region src/components/separator.shared.d.ts
 /** The props every separator renderer accepts, with one meaning. */
 export type SeparatorContract = {
   orientation?: "horizontal" | "vertical";
-};
-//#endregion
+};

package/dist/components/sheet.d.ts

@@ -1,6 +1,5 @@
 import * as React$1 from "react";
 import { Dialog } from "@base-ui/react/dialog";
-//#region src/components/sheet.d.ts
 declare const Sheet: <Payload>(props: Dialog.Root.Props<Payload>) => React$1.JSX.Element;
 declare const SheetPortal: React$1.ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogPortalProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 type SheetSide = "inline-start" | "inline-end" | "block-start" | "block-end";
@@ -25,5 +24,4 @@ declare const SheetDescription: ({ className, ...props }: Dialog.Description.Pro
 declare const SheetPanel: ({ className, scrollFade, ...props }: React$1.ComponentProps<"div"> & {
   scrollFade?: boolean;
 }) => React$1.JSX.Element;
-//#endregion
 export { Sheet, SheetBackdrop, SheetBackdrop as SheetOverlay, SheetClose, SheetPopup as SheetContent, SheetPopup, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPortal, type SheetSide, SheetTitle, SheetTrigger };

package/dist/components/sheet.js

@@ -8,7 +8,7 @@ import { Button } from "./button.js";
 import { ScrollArea } from "./scroll-area.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Dialog } from "@base-ui/react/dialog";
-//#region src/components/sheet.tsx
+// src/components/sheet.tsx
 const Sheet = Dialog.Root;
 const SheetPortal = Dialog.Portal;
 function SheetTrigger({ tooltip, ...props }) {
@@ -101,5 +101,4 @@ const SheetPanel = ({ className, scrollFade = true, ...props }) => /* @__PURE__
 		...props
 	})
 });
-//#endregion
 export { Sheet, SheetBackdrop, SheetBackdrop as SheetOverlay, SheetClose, SheetPopup as SheetContent, SheetPopup, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetPortal, SheetTitle, SheetTrigger };

package/dist/components/sheet.native.d.ts

@@ -3,7 +3,6 @@ import { ComponentProps } from "react";
 import { ScrollView, ViewProps } from "react-native";
 import { SheetContract } from "./sheet.shared.js";
 import { Text as Text$1 } from "./text.native.js";
-//#region src/components/sheet.native.d.ts
 /**
  * The web's `Sheet` (./sheet.tsx) on a phone: the platform's page sheet,
  * sliding up over the screen. A swipe down or the system back gesture asks
@@ -23,5 +22,4 @@ export declare const SheetDescription: (props: ComponentProps<typeof Text$1>) =>
 /** The sheet's body, scrolling when it outgrows the sheet. */
 export declare const SheetPanel: ({ contentContainerClassName, ...props }: ComponentProps<typeof ScrollView>) => import("react").JSX.Element;
 /** A button that closes the sheet, after its own `onPress`. */
-export declare const SheetClose: ({ onPress, size, variant, ...props }: ComponentProps<typeof Button>) => import("react").JSX.Element;
-//#endregion
+export declare const SheetClose: ({ onPress, size, variant, ...props }: ComponentProps<typeof Button>) => import("react").JSX.Element;

package/dist/components/sheet.native.js

@@ -3,7 +3,7 @@ import { Button } from "./button.native.js";
 import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
 import { KeyboardAvoidingView, Modal, Platform, ScrollView, View } from "react-native";
-//#region src/components/sheet.native.tsx
+// src/components/sheet.native.tsx
 /** Closes the sheet that holds it; nothing outside a sheet. */
 const SheetCloseContext = createContext(() => void 0);
 /**
@@ -65,5 +65,4 @@ const SheetClose = ({ onPress, size = "sm", variant = "ghost", ...props }) => {
 		...props
 	});
 };
-//#endregion
 export { Sheet, SheetClose, SheetDescription, SheetHeader, SheetPanel, SheetPopup, SheetTitle };

package/dist/components/sheet.shared.d.ts

@@ -1,9 +1,7 @@
 import { ReactNode } from "react";
-//#region src/components/sheet.shared.d.ts
 /** The props every sheet root accepts, with one meaning. */
 export type SheetContract = {
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
   children?: ReactNode;
-};
-//#endregion
+};

package/dist/components/sidebar.d.ts

@@ -5,7 +5,6 @@ import { SidebarLayout } from "./sidebar.logic.js";
 import { TooltipContent as TooltipPopup } from "./tooltip.js";
 import { VariantProps } from "class-variance-authority";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/sidebar.d.ts
 /**
  * Inline size the sidebar takes out of the layout row when expanded, in CSS
  * pixels. Kept equal across the two rail-shaped primitives in this package:
@@ -139,5 +138,4 @@ declare const SidebarMenuSubButton: ({ asChild, size, isActive, className, ...pr
   size?: "sm" | "md";
   isActive?: boolean;
 }) => import("react").JSX.Element;
-//#endregion
 export { PanelTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarIdentityButton, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, sidebarIdentityTriggerClassName, useSidebar, useSidebarInlineSize, useSidebarLayout };

package/dist/components/sidebar.js

@@ -16,7 +16,7 @@ import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { panic } from "better-result";
 import { cva } from "class-variance-authority";
-//#region src/components/sidebar.tsx
+// src/components/sidebar.tsx
 /**
 * Inline size the sidebar takes out of the layout row when expanded, in CSS
 * pixels. Kept equal across the two rail-shaped primitives in this package:
@@ -419,5 +419,4 @@ const SidebarMenuSubButton = ({ asChild = false, size = "md", isActive = false,
 		...props
 	});
 };
-//#endregion
 export { PanelTrigger, SIDEBAR_WIDTH_ICON_PX, SIDEBAR_WIDTH_PX, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarIdentityButton, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, sidebarIdentityTriggerClassName, useSidebar, useSidebarInlineSize, useSidebarLayout };

package/dist/components/sidebar.logic.d.ts

@@ -1,4 +1,3 @@
-//#region src/components/sidebar.logic.d.ts
 export type SidebarState = "expanded" | "collapsed";
 /** How the sidebar's contents are drawn: the icon rail, or full width. */
 export type SidebarLayout = "rail" | "full";
@@ -32,5 +31,4 @@ export declare const deriveSidebarState: (open: boolean) => SidebarState;
  */
 export declare const nextRequestedOpen: (requestedOpen: boolean) => boolean;
 /** `toggleSidebar`'s mobile transition: it flips the sheet's open state. */
-export declare const nextOpenMobile: (openMobile: boolean) => boolean;
-//#endregion
+export declare const nextOpenMobile: (openMobile: boolean) => boolean;

package/dist/components/sidebar.logic.js

@@ -1,4 +1,4 @@
-//#region src/components/sidebar.logic.ts
+// src/components/sidebar.logic.ts
 /**
 * The layout the sidebar's contents are drawn in. The mobile sheet never
 * collapses to icons, whatever the desktop collapse state holds, so chrome
@@ -24,5 +24,4 @@ const deriveSidebarState = (open) => open ? "expanded" : "collapsed";
 const nextRequestedOpen = (requestedOpen) => !requestedOpen;
 /** `toggleSidebar`'s mobile transition: it flips the sheet's open state. */
 const nextOpenMobile = (openMobile) => !openMobile;
-//#endregion
 export { deriveSidebarState, nextOpenMobile, nextRequestedOpen, resolveSidebarLayout, resolveSidebarOpen };

package/dist/components/skeleton.d.ts

@@ -1,4 +1,2 @@
-//#region src/components/skeleton.d.ts
 declare const Skeleton: ({ className, ...props }: React.ComponentProps<"div">) => import("react").JSX.Element;
-//#endregion
 export { Skeleton };

package/dist/components/skeleton.js

@@ -1,10 +1,9 @@
 import { cn } from "../lib/utils.js";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/skeleton.tsx
+// src/components/skeleton.tsx
 const Skeleton = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
 	className: cn("animate-skeleton rounded-sm [--skeleton-highlight:--alpha(var(--color-white)/64%)] [background:linear-gradient(120deg,transparent_40%,var(--skeleton-highlight),transparent_60%)_var(--color-muted)_0_0/200%_100%_fixed] dark:[--skeleton-highlight:--alpha(var(--color-white)/4%)]", className),
 	"data-slot": "skeleton",
 	...props
 });
-//#endregion
 export { Skeleton };

package/dist/components/split-button.d.ts

@@ -2,7 +2,6 @@ import { BUTTON_CONTENT, Button } from "./button.js";
 import { ComponentProps, ReactNode } from "react";
 import { DropdownMenu as Menu } from "./menu.js";
 import { Popover } from "./popover.js";
-//#region src/components/split-button.d.ts
 type SplitButtonSharedProps = {
   menuLabel: string;
   primaryDescriptionId?: string;
@@ -34,5 +33,4 @@ type SplitButtonProps = SplitButtonSharedProps & SplitButtonPrimary & ({
 });
 /** Two independent actions share quiet chrome; only the chevron opens the secondary surface. */
 export declare const SplitButton: (props: SplitButtonProps) => import("react").JSX.Element;
-//#endregion
 export {};

package/dist/components/split-button.js

@@ -5,7 +5,7 @@ import { BUTTON_CONTENT, Button } from "./button.js";
 import { Popover, PopoverTrigger } from "./popover.js";
 import { DropdownMenu as Menu, DropdownMenuTrigger as MenuTrigger } from "./menu.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/split-button.tsx
+// src/components/split-button.tsx
 /** Two independent actions share quiet chrome; only the chevron opens the secondary surface. */
 const SplitButton = (props) => {
 	const { primaryLabel, menuLabel, primaryDescriptionId, menuDescriptionId, onPrimaryClick, children, menu, primaryDisabled, menuDisabled, size = "md", className } = props;
@@ -62,5 +62,4 @@ const SplitButton = (props) => {
 		children: [controls, menu]
 	});
 };
-//#endregion
 export { SplitButton };

package/dist/components/status-mark.d.ts

@@ -1,4 +1,3 @@
-//#region src/components/status-mark.d.ts
 type StatusMarkStatus = "pending" | "running" | "done" | "failed";
 type StatusMarkProps = {
   status: StatusMarkStatus;
@@ -13,5 +12,4 @@ type StatusMarkProps = {
  * failure eases to destructive.
  */
 declare const StatusMark: ({ className, label, status }: StatusMarkProps) => import("react").JSX.Element;
-//#endregion
 export { StatusMark, type StatusMarkStatus };

package/dist/components/status-mark.js

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../lib/utils.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/status-mark.tsx
+// src/components/status-mark.tsx
 const RING_RADIUS = 6.25;
 const CHECK_PATH = "M5.4 8.3 7.2 10.1 10.6 6.3";
 const CROSS_PATH = "M6.1 6.1 9.9 9.9M9.9 6.1 6.1 9.9";
@@ -70,5 +70,4 @@ const StatusMark = ({ className, label, status }) => /* @__PURE__ */ jsxs("svg",
 		})
 	]
 });
-//#endregion
 export { StatusMark };

package/dist/components/stella-mark.d.ts

@@ -1,4 +1,2 @@
 import { SVGProps } from "react";
-//#region src/components/stella-mark.d.ts
-export declare const StellaMark: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-//#endregion
+export declare const StellaMark: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;

package/dist/components/stella-mark.js

@@ -1,6 +1,6 @@
 import { STELLA_MARK } from "./stella-mark.shared.js";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/stella-mark.tsx
+// src/components/stella-mark.tsx
 const StellaMark = (props) => /* @__PURE__ */ jsx("svg", {
 	"aria-hidden": "true",
 	fill: "currentColor",
@@ -9,5 +9,4 @@ const StellaMark = (props) => /* @__PURE__ */ jsx("svg", {
 	...props,
 	children: STELLA_MARK.paths.map((d) => /* @__PURE__ */ jsx("path", { d }, d))
 });
-//#endregion
 export { StellaMark };

package/dist/components/stella-mark.native.d.ts

@@ -1,9 +1,7 @@
-//#region src/components/stella-mark.native.d.ts
 /**
  * The web's `StellaMark` (./stella-mark.tsx) on a phone: the same paths, in
  * the foreground colour, `size` points tall. Decorative, like the web's.
  */
 export declare const StellaMark: ({ size }: {
   size?: number | undefined;
-}) => import("react").JSX.Element;
-//#endregion
+}) => import("react").JSX.Element;