@botiverse/raft-ui 0.93.0 → 0.95.0

package/dist/components/radio-group/radio-group.mjs

@@ -1,9 +1,9 @@
-import { cn } from "../../cn.mjs";
 import { tv } from "../../lib/tv.mjs";
+import { cn } from "../../cn.mjs";
 import { jsx } from "react/jsx-runtime";
 import { Radio } from "@base-ui/react/radio";
 import { RadioGroup } from "@base-ui/react/radio-group";
-//#region src/components/radio-group/radio-group.tsx
+// src/components/radio-group/radio-group.tsx
 const radioGroup = tv({ slots: {
 	root: [
 		"grid w-full gap-2",
@@ -55,5 +55,4 @@ function RadioGroupItem({ appearance = "default", className, children, ...props
 		children: children ?? (appearance === "default" ? /* @__PURE__ */ jsx(RadioGroupIndicator, {}) : null)
 	});
 }
-//#endregion
 export { RadioGroup$1 as RadioGroup, RadioGroupIndicator, RadioGroupItem };

package/dist/components/resizable/resizable.d.mts

@@ -1,5 +1,4 @@
 import { GroupProps, PanelProps, SeparatorProps } from "react-resizable-panels";
-//#region src/components/resizable/resizable.d.ts
 export type ResizableGroupProps = Omit<GroupProps, "className"> & {
   className?: string;
 };
@@ -11,5 +10,4 @@ export declare function ResizablePanel({ className, ...props }: ResizablePanelPr
 export type ResizableHandleProps = Omit<SeparatorProps, "className"> & {
   className?: string;
 };
-export declare function ResizableHandle({ className, ...props }: ResizableHandleProps): import("react").JSX.Element;
-//#endregion
+export declare function ResizableHandle({ className, ...props }: ResizableHandleProps): import("react").JSX.Element;

package/dist/components/resizable/resizable.mjs

@@ -2,7 +2,7 @@ import { resizable } from "./resizable.recipe.mjs";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Group, Panel, Separator } from "react-resizable-panels";
-//#region src/components/resizable/resizable.tsx
+// src/components/resizable/resizable.tsx
 const ResizableOrientationContext = createContext("horizontal");
 function ResizableGroup({ className, orientation = "horizontal", ...props }) {
 	const { group } = resizable();
@@ -35,5 +35,4 @@ function ResizableHandle({ className, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { ResizableGroup, ResizableHandle, ResizablePanel };

package/dist/components/resizable/resizable.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/resizable/resizable.recipe.ts
+// src/components/resizable/resizable.recipe.ts
 const resizable = tv({ slots: {
 	group: ["flex size-full  min-h-0 min-w-0", "data-[orientation=vertical]:flex-col"],
 	panel: ["min-h-0 min-w-0"],
@@ -20,5 +20,4 @@ const resizable = tv({ slots: {
 		"data-[orientation=horizontal]:focus-visible:keyboard:before:h-0.5"
 	]
 } });
-//#endregion
 export { resizable };

package/dist/components/save-status/save-status.d.mts

@@ -1,5 +1,4 @@
 import { ComponentPropsWithRef } from "react";
-//#region src/components/save-status/save-status.d.ts
 export type SaveStatusProps = ComponentPropsWithRef<"span">;
 /**
  * The line under a setting that applies at once. Render it whatever the
@@ -26,5 +25,4 @@ export type SaveStatusErrorProps = ComponentPropsWithRef<"span">;
  * the next change. Its line appears with it, so the setting grows by one
  * line while it shows.
  */
-export declare function SaveStatusError({ className, role, ...props }: SaveStatusErrorProps): import("react").JSX.Element;
-//#endregion
+export declare function SaveStatusError({ className, role, ...props }: SaveStatusErrorProps): import("react").JSX.Element;

package/dist/components/save-status/save-status.mjs

@@ -1,6 +1,6 @@
 import { tv } from "../../lib/tv.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/save-status/save-status.tsx
+// src/components/save-status/save-status.tsx
 const saveStatus = tv({ slots: {
 	root: [
 		"block min-w-0 empty:hidden",
@@ -50,5 +50,4 @@ function SaveStatusError({ className, role = "alert", ...props }) {
 		...props
 	});
 }
-//#endregion
 export { SaveStatus, SaveStatusError, SaveStatusSaved };

package/dist/components/scroll-area/class-names.mjs

@@ -1,5 +1,5 @@
 import { clsx } from "cnfast";
-//#region src/components/scroll-area/class-names.ts
+// src/components/scroll-area/class-names.ts
 /**
 * The root's rendered modifier classes, shared by every ScrollArea root.
 * `--{none,contain}-overscroll-{y,x}` is on only for an axis that has a
@@ -15,5 +15,4 @@ function scrollAreaClassNames(state) {
 	const { rails } = state;
 	return clsx("r-scroll-area", `r-scroll-area--${state.size}`, `r-scroll-area--${state.trigger}-trigger`, `r-scroll-area--${state.orientation}-orientation`, `r-scroll-area--${state.guttersPosition}-gutters`, state.overscroll !== "auto" && rails.yRail && `r-scroll-area--${state.overscroll}-overscroll-y`, state.overscroll !== "auto" && rails.xRail && `r-scroll-area--${state.overscroll}-overscroll-x`, state.fade && "r-scroll-area--fade");
 }
-//#endregion
 export { scrollAreaClassNames };

package/dist/components/scroll-area/gutters-binding.mjs

@@ -1,4 +1,3 @@
-//#region src/components/scroll-area/gutters-binding.ts
+// src/components/scroll-area/gutters-binding.ts
 const fromGuttersBinding = (binding) => binding;
-//#endregion
 export { fromGuttersBinding };

package/dist/components/scroll-area/index.d.mts

@@ -1,6 +1,6 @@
-import { ScrollAreaActions, ScrollAreaContainer, ScrollAreaContainerOptions, ScrollAreaContainerProps, ScrollAreaContentProps, ScrollAreaEdges, ScrollAreaFrameProps, ScrollAreaGuttersBinding, ScrollAreaGuttersPosition, ScrollAreaGuttersProps, ScrollAreaOptions, ScrollAreaOrientation, ScrollAreaOverscroll, ScrollAreaOwnProps, ScrollAreaProps, ScrollAreaRailInset, ScrollAreaScrollToElementOptions, ScrollAreaSize, ScrollAreaTextareaOwnProps, ScrollAreaTextareaProps, ScrollAreaTrigger } from "./types.mjs";
 import { ScrollArea, ScrollAreaContent } from "./scroll-area.mjs";
 import { ScrollAreaGutters } from "./scroll-area-gutters.mjs";
 import { ScrollAreaTextarea } from "./scroll-area-textarea.mjs";
 import { useScrollAreaContainer } from "./use-scroll-area-container.mjs";
+import { ScrollAreaActions, ScrollAreaContainer, ScrollAreaContainerOptions, ScrollAreaContainerProps, ScrollAreaContentProps, ScrollAreaEdges, ScrollAreaFrameProps, ScrollAreaGuttersBinding, ScrollAreaGuttersPosition, ScrollAreaGuttersProps, ScrollAreaOptions, ScrollAreaOrientation, ScrollAreaOverscroll, ScrollAreaOwnProps, ScrollAreaProps, ScrollAreaRailInset, ScrollAreaScrollToElementOptions, ScrollAreaSize, ScrollAreaTextareaOwnProps, ScrollAreaTextareaProps, ScrollAreaTrigger } from "./types.mjs";
 export { ScrollArea, type ScrollAreaActions, type ScrollAreaContainer, type ScrollAreaContainerOptions, type ScrollAreaContainerProps, ScrollAreaContent, type ScrollAreaContentProps, type ScrollAreaEdges, type ScrollAreaFrameProps, ScrollAreaGutters, type ScrollAreaGuttersBinding, type ScrollAreaGuttersPosition, type ScrollAreaGuttersProps, type ScrollAreaOptions, type ScrollAreaOrientation, type ScrollAreaOverscroll, type ScrollAreaOwnProps, type ScrollAreaProps, type ScrollAreaRailInset, type ScrollAreaScrollToElementOptions, type ScrollAreaSize, ScrollAreaTextarea, type ScrollAreaTextareaOwnProps, type ScrollAreaTextareaProps, type ScrollAreaTrigger, useScrollAreaContainer };

package/dist/components/scroll-area/scroll-area-gutters.d.mts

@@ -1,5 +1,4 @@
 import { ScrollAreaGuttersProps } from "./types.mjs";
-//#region src/components/scroll-area/scroll-area-gutters.d.ts
 /**
  * The scrollbars of a container bound with `useScrollAreaContainer`: spread
  * its `guttersProps` here, and render it where `guttersPosition` says (as in
@@ -11,5 +10,4 @@ import { ScrollAreaGuttersProps } from "./types.mjs";
  * something to scroll. Hidden from assistive technology, which uses the
  * native scrolling.
  */
-export declare function ScrollAreaGutters({ binding }: ScrollAreaGuttersProps): import("react").JSX.Element;
-//#endregion
+export declare function ScrollAreaGutters({ binding }: ScrollAreaGuttersProps): import("react").JSX.Element;

package/dist/components/scroll-area/scroll-area-gutters.mjs

@@ -2,7 +2,7 @@ import { fromGuttersBinding } from "./gutters-binding.mjs";
 import { useRailPointer } from "./use-rail-pointer.mjs";
 import { clsx } from "cnfast";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/scroll-area/scroll-area-gutters.tsx
+// src/components/scroll-area/scroll-area-gutters.tsx
 /** One scrollbar: the gutter (an invisible hover and paging target) and its thumb, sized and moved by the script. */
 function ScrollAreaGutter({ axis, containerRef, shortened, thumbRef, onDraggingChange }) {
 	const { dragging, railHandlers, thumbHandlers } = useRailPointer({
@@ -56,5 +56,4 @@ function ScrollAreaGutters({ binding }) {
 		}) : null]
 	});
 }
-//#endregion
 export { ScrollAreaGutters };

package/dist/components/scroll-area/scroll-area-textarea.d.mts

@@ -1,5 +1,4 @@
 import { ScrollAreaTextareaProps } from "./types.mjs";
-//#region src/components/scroll-area/scroll-area-textarea.d.ts
 /**
  * A native `<textarea>` with ScrollArea's overlay scrollbar:
  * `useScrollAreaContainer` with `guttersPosition="absolute"` and the textarea
@@ -10,5 +9,4 @@ import { ScrollAreaTextareaProps } from "./types.mjs";
  * textarea; `wrapperClassName` and `wrapperStyle` to the frame. It is
  * focusable itself, so it takes no `tabIndex` from the area.
  */
-export declare function ScrollAreaTextarea({ className, hideDelay, onInput, overscroll, ref, size, trigger, wrapperClassName, wrapperStyle, ...props }: ScrollAreaTextareaProps): import("react").JSX.Element;
-//#endregion
+export declare function ScrollAreaTextarea({ className, hideDelay, onInput, overscroll, ref, size, trigger, wrapperClassName, wrapperStyle, ...props }: ScrollAreaTextareaProps): import("react").JSX.Element;

package/dist/components/scroll-area/scroll-area-textarea.mjs

@@ -3,7 +3,7 @@ import { ScrollAreaGutters } from "./scroll-area-gutters.mjs";
 import { useScrollAreaContainer } from "./use-scroll-area-container.mjs";
 import { useLayoutEffect, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/scroll-area/scroll-area-textarea.tsx
+// src/components/scroll-area/scroll-area-textarea.tsx
 /**
 * A native `<textarea>` with ScrollArea's overlay scrollbar:
 * `useScrollAreaContainer` with `guttersPosition="absolute"` and the textarea
@@ -46,5 +46,4 @@ function ScrollAreaTextarea({ className, hideDelay = 600, onInput, overscroll =
 		}), /* @__PURE__ */ jsx(ScrollAreaGutters, { ...guttersProps })]
 	});
 }
-//#endregion
 export { ScrollAreaTextarea };

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

@@ -1,5 +1,4 @@
 import { ScrollAreaContentProps, ScrollAreaProps } from "./types.mjs";
-//#region src/components/scroll-area/scroll-area.d.ts
 /**
  * An optional box around the content, inside the container (the demo's
  * `ScrollAreaResizableContent`): for padding, so the scrollbars stay at the
@@ -22,5 +21,4 @@ export declare function ScrollAreaContent({ className, ...props }: ScrollAreaCon
  * your own that can't take children through ScrollArea (a textarea,
  * VirtualList's scroller), see `useScrollAreaContainer`.
  */
-export declare function ScrollArea({ actionsRef, children, className, contentClassName, contentRef, contentStyle, fade, hideDelay, onEdgeChange, onScroll, orientation, overscroll, railInset, ref, render, size, style, tabIndex, trigger, ...props }: ScrollAreaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function ScrollArea({ actionsRef, children, className, contentClassName, contentRef, contentStyle, fade, hideDelay, onEdgeChange, onScroll, orientation, overscroll, railInset, ref, render, size, style, tabIndex, trigger, ...props }: ScrollAreaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/scroll-area/scroll-area.mjs

@@ -5,7 +5,7 @@ import { useMemo, useRef } from "react";
 import { Fragment as Fragment$1, 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/scroll-area/scroll-area.tsx
+// src/components/scroll-area/scroll-area.tsx
 /**
 * An optional box around the content, inside the container (the demo's
 * `ScrollAreaResizableContent`): for padding, so the scrollbars stay at the
@@ -73,5 +73,4 @@ function ScrollArea({ actionsRef, children, className, contentClassName, content
 		})
 	});
 }
-//#endregion
 export { ScrollArea, ScrollAreaContent };

package/dist/components/scroll-area/scroll-geometry.mjs

@@ -1,4 +1,4 @@
-//#region src/components/scroll-area/scroll-geometry.ts
+// src/components/scroll-area/scroll-geometry.ts
 /**
 * Where the thumb of one axis goes, or `null` when that axis has nothing to
 * scroll. One pixel of overflow is ignored: it is usually rounding.
@@ -54,5 +54,4 @@ function pageDirection(pointer, thumbStart, thumbEnd) {
 	if (pointer > thumbEnd) return 1;
 	return 0;
 }
-//#endregion
 export { overflows, pageDirection, pageDistance, scrollOverflow, thumbLength, thumbOffset, thumbPlacement };

package/dist/components/scroll-area/scroll-to-element.mjs

@@ -1,4 +1,4 @@
-//#region src/components/scroll-area/scroll-to-element.ts
+// src/components/scroll-area/scroll-to-element.ts
 /**
 * The scroll offset on one axis that brings an element into view, clamped to
 * what the container can scroll. `nearest` doesn't move an element that is
@@ -63,5 +63,4 @@ function scrollToElement(container, element, orientation, { behavior, block = "s
 	}
 	container.scrollTo(target);
 }
-//#endregion
 export { alignedScrollOffset, scrollToElement };

package/dist/components/scroll-area/types.d.mts

@@ -1,6 +1,5 @@
 import { CSSProperties, ComponentPropsWithRef, ReactNode, Ref, RefCallback, RefObject, UIEventHandler } from "react";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/scroll-area/types.d.ts
 /**
  * `hover` shows the scrollbars while the pointer is over the area or it
  * scrolls; `scroll` only while it scrolls; `none` always shows them.
@@ -223,4 +222,4 @@ export type ScrollAreaTextareaOwnProps = {
 };
 /** Native textarea props; `ref`, `className`, `style` and `onScroll` go to the textarea. */
 export type ScrollAreaTextareaProps = ScrollAreaTextareaOwnProps & Omit<ComponentPropsWithRef<"textarea">, keyof ScrollAreaTextareaOwnProps>;
-//#endregion
+export {};

package/dist/components/scroll-area/use-rail-pointer.mjs

@@ -1,6 +1,6 @@
 import { pageDirection, pageDistance } from "./scroll-geometry.mjs";
 import { useLayoutEffect, useRef, useState } from "react";
-//#region src/components/scroll-area/use-rail-pointer.ts
+// src/components/scroll-area/use-rail-pointer.ts
 const reducedMotion = () => typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
 /**
 * Mouse and pen input on one scrollbar: dragging the thumb scrolls the
@@ -89,5 +89,4 @@ function useRailPointer({ axis, containerRef, onDraggingChange }) {
 		}
 	};
 }
-//#endregion
 export { useRailPointer };

package/dist/components/scroll-area/use-scroll-area-container.d.mts

@@ -1,5 +1,4 @@
 import { ScrollAreaContainer, ScrollAreaContainerOptions, ScrollAreaFrameProps } from "./types.mjs";
-//#region src/components/scroll-area/use-scroll-area-container.d.ts
 /**
  * ScrollArea's scrollbars for an element you render yourself: the demo's `useContainer`, as a
  * hook in your own component. It measures the element that scrolls (the container), listens to
@@ -23,5 +22,4 @@ export declare function useScrollAreaContainer<E extends HTMLElement = HTMLEleme
 }): ScrollAreaContainer<E> & {
   frameProps: ScrollAreaFrameProps;
 };
-export declare function useScrollAreaContainer<E extends HTMLElement = HTMLElement>(options?: ScrollAreaContainerOptions<E>): ScrollAreaContainer<E>;
-//#endregion
+export declare function useScrollAreaContainer<E extends HTMLElement = HTMLElement>(options?: ScrollAreaContainerOptions<E>): ScrollAreaContainer<E>;

package/dist/components/scroll-area/use-scroll-area-container.mjs

@@ -3,7 +3,7 @@ import { scrollAreaClassNames } from "./class-names.mjs";
 import { scrollToElement } from "./scroll-to-element.mjs";
 import { effectiveHideDelay, scrollAreaContainerClassName, useScrollbars } from "./use-scrollbars.mjs";
 import { useCallback, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef } from "react";
-//#region src/components/scroll-area/use-scroll-area-container.ts
+// src/components/scroll-area/use-scroll-area-container.ts
 const railInsetEdges = [
 	"top",
 	"bottom",
@@ -146,5 +146,4 @@ function useScrollAreaContainer({ actionsRef, containerRef: ownContainerRef, con
 		scrollable
 	]);
 }
-//#endregion
 export { useScrollAreaContainer };

package/dist/components/scroll-area/use-scrollbars.mjs

@@ -1,6 +1,6 @@
 import { overflows, scrollOverflow, thumbLength, thumbOffset, thumbPlacement } from "./scroll-geometry.mjs";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
-//#region src/components/scroll-area/use-scrollbars.ts
+// src/components/scroll-area/use-scrollbars.ts
 const noRails = {
 	xRail: false,
 	yRail: false
@@ -518,5 +518,4 @@ function useScrollbars({ containerRef, contentRef, fadeRef, guttersPosition, roo
 		yThumbRef
 	};
 }
-//#endregion
 export { effectiveHideDelay, scrollAreaContainerClassName, scrollTimelineCondition, stickyLayoutProblem, stickyScrollTimelineCondition, supportsScrollTimeline, useScrollbars };

package/dist/components/search/search-entity.d.mts

@@ -1,5 +1,4 @@
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/search/search-entity.d.ts
 export type SearchEntityResultProps = useRender.ComponentProps<"button"> & {
   selected?: boolean;
 };
@@ -21,4 +20,4 @@ export type SearchEntityResultTitleProps = SearchEntityResultTextProps;
 export declare function SearchEntityResultTitle({ muted, className, render, ...props }: SearchEntityResultTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type SearchEntityResultDescriptionProps = SearchEntityResultTextProps;
 export declare function SearchEntityResultDescription({ muted, className, render, ...props }: SearchEntityResultDescriptionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export {};

package/dist/components/search/search-entity.mjs

@@ -1,7 +1,7 @@
 import { searchEntity } from "./search-entity.recipe.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/search/search-entity.tsx
+// src/components/search/search-entity.tsx
 function SearchEntityResult({ selected = false, className, render, ...props }) {
 	const { entity } = searchEntity();
 	const defaultProps = {
@@ -102,5 +102,4 @@ function SearchEntityResultDescription({ muted = false, className, render, ...pr
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { SearchEntityResult, SearchEntityResultActivity, SearchEntityResultContent, SearchEntityResultDescription, SearchEntityResultHeader, SearchEntityResultIcon, SearchEntityResultLeading, SearchEntityResultTitle };

package/dist/components/search/search-entity.recipe.mjs

@@ -1,6 +1,6 @@
-import { tv } from "../../lib/tv.mjs";
 import { listCell, listCellFocus, listCellStates } from "../../lib/list-cell.mjs";
-//#region src/components/search/search-entity.recipe.ts
+import { tv } from "../../lib/tv.mjs";
+// src/components/search/search-entity.recipe.ts
 const searchEntity = tv({ slots: {
 	entity: [
 		"flex min-w-0 w-full items-center gap-3 text-left",
@@ -38,5 +38,4 @@ const searchEntity = tv({ slots: {
 		"data-muted:text-foreground-hint"
 	]
 } });
-//#endregion
 export { searchEntity };

package/dist/components/search/search-message.d.mts

@@ -1,5 +1,4 @@
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/search/search-message.d.ts
 type SearchMessageResultBaseProps = useRender.ComponentProps<"button"> & {
   selected?: boolean;
   nested?: boolean;
@@ -22,4 +21,4 @@ export type SearchMessageResultTimestampProps = useRender.ComponentProps<"span">
 export declare function SearchMessageResultTimestamp({ className, render, ...props }: SearchMessageResultTimestampProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type SearchMessageResultMatchProps = useRender.ComponentProps<"mark">;
 export declare function SearchMessageResultMatch({ className, render, ...props }: SearchMessageResultMatchProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export {};

package/dist/components/search/search-message.mjs

@@ -2,7 +2,7 @@ import { searchMessage } from "./search-message.recipe.mjs";
 import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/search/search-message.tsx
+// src/components/search/search-message.tsx
 function SearchMessageResultBase({ nested = false, selected = false, className, render, ...props }) {
 	const { message } = searchMessage();
 	const defaultProps = {
@@ -111,5 +111,4 @@ function SearchMessageResultMatch({ className, render, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { SearchMessageResult, SearchMessageResultBody, SearchMessageResultHeader, SearchMessageResultMatch, SearchMessageResultMeta, SearchMessageResultSender, SearchMessageResultThreadMeta, SearchMessageResultTimestamp, SearchThreadMessageResult };

package/dist/components/search/search-message.recipe.mjs

@@ -1,7 +1,7 @@
-import { tv } from "../../lib/tv.mjs";
-import { listCell, listCellFocus, listCellStates } from "../../lib/list-cell.mjs";
 import { searchHit } from "../../lib/search-hit.mjs";
-//#region src/components/search/search-message.recipe.ts
+import { listCell, listCellFocus, listCellStates } from "../../lib/list-cell.mjs";
+import { tv } from "../../lib/tv.mjs";
+// src/components/search/search-message.recipe.ts
 const searchMessage = tv({ slots: {
 	message: [
 		"w-full text-left",
@@ -29,5 +29,4 @@ const searchMessage = tv({ slots: {
 	messageTimestamp: ["ml-auto min-w-0 truncate"],
 	messageMatch: searchHit
 } });
-//#endregion
 export { searchMessage };

package/dist/components/search/search-thread.d.mts

@@ -1,5 +1,4 @@
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/search/search-thread.d.ts
 export type SearchThreadResultProps = useRender.ComponentProps<"div"> & {
   selected?: boolean;
 };
@@ -13,5 +12,4 @@ export declare function SearchThreadResultTimestamp({ className, render, ...prop
 export type SearchThreadResultTitleProps = useRender.ComponentProps<"div">;
 export declare function SearchThreadResultTitle({ className, render, ...props }: SearchThreadResultTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type SearchThreadResultMessagesProps = useRender.ComponentProps<"div">;
-export declare function SearchThreadResultMessages({ className, render, ...props }: SearchThreadResultMessagesProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function SearchThreadResultMessages({ className, render, ...props }: SearchThreadResultMessagesProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/search/search-thread.mjs

@@ -1,7 +1,7 @@
 import { searchThread } from "./search-thread.recipe.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/search/search-thread.tsx
+// src/components/search/search-thread.tsx
 function SearchThreadResult({ selected = false, className, render, ...props }) {
 	const { thread } = searchThread();
 	const defaultProps = {
@@ -75,5 +75,4 @@ function SearchThreadResultMessages({ className, render, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { SearchThreadResult, SearchThreadResultHeader, SearchThreadResultMessages, SearchThreadResultMeta, SearchThreadResultTimestamp, SearchThreadResultTitle };

package/dist/components/search/search-thread.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/search/search-thread.recipe.ts
+// src/components/search/search-thread.recipe.ts
 const searchThread = tv({ slots: {
 	thread: ["overflow-hidden", "relative rounded-none border-0 bg-transparent text-foreground shadow-none"],
 	threadHeader: ["py-2", "px-(--surface-inset) pt-3 pb-0"],
@@ -12,5 +12,4 @@ const searchThread = tv({ slots: {
 	threadTitle: ["font-sans text-callout font-semibold text-foreground"],
 	threadMessages: ["flex flex-col gap-0.5 py-2", "border-t-0 bg-transparent"]
 } });
-//#endregion
 export { searchThread };

package/dist/components/search/search-trigger.d.mts

@@ -1,7 +1,6 @@
 import { KbdProps } from "../kbd/kbd.mjs";
 import "../kbd/index.mjs";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/search/search-trigger.d.ts
 export type SearchTriggerProps = useRender.ComponentProps<"button">;
 /** The top bar's search box. Children: a search icon, a `SearchTriggerLabel`
  *  and an optional `SearchTriggerShortcut`. */
@@ -11,5 +10,4 @@ export type SearchTriggerLabelProps = useRender.ComponentProps<"span">;
 export declare function SearchTriggerLabel({ className, render, ...props }: SearchTriggerLabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type SearchTriggerShortcutProps = Omit<KbdProps, "size">;
 /** The shortcut that opens search, at the right end. */
-export declare function SearchTriggerShortcut({ className, ...props }: SearchTriggerShortcutProps): import("react").JSX.Element;
-//#endregion
+export declare function SearchTriggerShortcut({ className, ...props }: SearchTriggerShortcutProps): import("react").JSX.Element;

package/dist/components/search/search-trigger.mjs

@@ -3,7 +3,7 @@ import { Kbd } from "../kbd/kbd.mjs";
 import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/search/search-trigger.tsx
+// src/components/search/search-trigger.tsx
 const searchTrigger = tv({ slots: {
 	root: [
 		"relative inline-flex h-(--frame-item-height) w-[clamp(360px,32vw,520px)] max-w-full min-w-0 shrink-0 items-center gap-2 px-3",
@@ -55,5 +55,4 @@ function SearchTriggerShortcut({ className, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { SearchTrigger, SearchTriggerLabel, SearchTriggerShortcut };

package/dist/components/search/search.d.mts

@@ -1,7 +1,6 @@
 import { Panel } from "../panel/panel.mjs";
 import { ComponentPropsWithRef } from "react";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/search/search.d.ts
 export type SearchShellRootProps = useRender.ComponentProps<"div"> & {
   edge?: ComponentPropsWithRef<typeof Panel>["edge"];
 };
@@ -21,5 +20,4 @@ export declare function SearchResultsSection({ className, render, ...props }: Se
 export type SearchResultsSectionHeadingProps = useRender.ComponentProps<"div">;
 export declare function SearchResultsSectionHeading({ className, render, ...props }: SearchResultsSectionHeadingProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type SearchResultsListProps = useRender.ComponentProps<"div">;
-export declare function SearchResultsList({ className, render, ...props }: SearchResultsListProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function SearchResultsList({ className, render, ...props }: SearchResultsListProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/search/search.mjs

@@ -1,10 +1,10 @@
-import { ScrollArea } from "../scroll-area/scroll-area.mjs";
 import { Panel } from "../panel/panel.mjs";
+import { ScrollArea } from "../scroll-area/scroll-area.mjs";
 import { search } from "./search.recipe.mjs";
 import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/search/search.tsx
+// src/components/search/search.tsx
 function SearchShellRoot({ className, edge = "inset", render, ...props }) {
 	const { frame } = search();
 	return /* @__PURE__ */ jsx(Panel, {
@@ -83,5 +83,4 @@ function SearchResultsList({ className, render, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { SearchResultsList, SearchResultsSection, SearchResultsSectionHeading, SearchResultsSummary, SearchShellFilters, SearchShellRoot, SearchShellViewport };

package/dist/components/search/search.recipe.mjs

@@ -1,6 +1,6 @@
 import { listColumnMargin } from "../../lib/head-edges.mjs";
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/search/search.recipe.ts
+// src/components/search/search.recipe.ts
 const search = tv({ slots: {
 	frame: [
 		"flex h-full min-h-0 flex-1 flex-col",
@@ -22,5 +22,4 @@ const search = tv({ slots: {
 	],
 	list: ["flex flex-col", "gap-0.5 py-2"]
 } });
-//#endregion
 export { search };

package/dist/components/segmented-control/segmented-control.d.mts

@@ -2,7 +2,6 @@ import { StyledProps } from "../../lib/styled-props.mjs";
 import { ComponentPropsWithRef } from "react";
 import { Radio } from "@base-ui/react/radio";
 import { RadioGroup } from "@base-ui/react/radio-group";
-//#region src/components/segmented-control/segmented-control.d.ts
 /** Tailwind's container sizes, `@xs` (20rem) to `@2xl` (42rem). */
 export type SegmentedControlIconsOnlyPreset = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
 /**
@@ -34,5 +33,4 @@ export declare function SegmentedControlItem<T extends string = string>({ classN
 export type SegmentedControlLabelProps = ComponentPropsWithRef<"span">;
 export declare function SegmentedControlLabel({ className, ...props }: SegmentedControlLabelProps): import("react").JSX.Element;
 export type SegmentedControlCountProps = ComponentPropsWithRef<"span">;
-export declare function SegmentedControlCount({ className, ...props }: SegmentedControlCountProps): import("react").JSX.Element;
-//#endregion
+export declare function SegmentedControlCount({ className, ...props }: SegmentedControlCountProps): import("react").JSX.Element;

package/dist/components/segmented-control/segmented-control.mjs

@@ -1,15 +1,15 @@
-import { tv } from "../../lib/tv.mjs";
+import { useAttachCount } from "../../lib/use-attach-count.mjs";
 import { useMergedRef } from "../../lib/use-merged-ref.mjs";
 import { useTapActivation } from "../../lib/tap-activation.mjs";
+import { tv } from "../../lib/tv.mjs";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip/tooltip.mjs";
-import { useAttachCount } from "../../lib/use-attach-count.mjs";
 import { useInFitToolbar } from "../fit-toolbar/fit-toolbar.mjs";
 import { cloneElement, createContext, use, useCallback, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Toolbar } from "@base-ui/react/toolbar";
 import { Radio } from "@base-ui/react/radio";
 import { RadioGroup } from "@base-ui/react/radio-group";
-//#region src/components/segmented-control/segmented-control.tsx
+// src/components/segmented-control/segmented-control.tsx
 const segmentedControl = tv({
 	slots: {
 		root: [
@@ -367,5 +367,4 @@ function SegmentedControlCount({ className, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { SegmentedControl, SegmentedControlCount, SegmentedControlItem, SegmentedControlLabel };

package/dist/components/select/select.d.mts

@@ -1,8 +1,7 @@
-import { StyledProps } from "../../lib/styled-props.mjs";
 import { DataAttributes } from "../../lib/data-attributes.mjs";
+import { StyledProps } from "../../lib/styled-props.mjs";
 import { ComponentPropsWithRef } from "react";
 import { Select } from "@base-ui/react/select";
-//#region src/components/select/select.d.ts
 export type SelectChrome = "default" | "field";
 export type SelectProps<Value, Multiple extends boolean | undefined = false> = Select.Root.Props<Value, Multiple> & {
   /**
@@ -98,5 +97,4 @@ export type SelectScrollDownArrowProps = StyledProps<Select.ScrollDownArrow.Prop
 export declare function SelectScrollDownArrow({ className, children, ...props }: SelectScrollDownArrowProps): import("react").JSX.Element;
 export type SelectArrowProps = StyledProps<Select.Arrow.Props>;
 export declare function SelectArrow({ className, ...props }: SelectArrowProps): import("react").JSX.Element;
-//#endregion
 export { Select$1 as Select };

package/dist/components/select/select.mjs

@@ -1,16 +1,16 @@
+import { usePopupCollision } from "../../lib/frame-insets.mjs";
 import { cn } from "../../cn.mjs";
 import { tv } from "../../lib/tv.mjs";
+import { useOverflowTitle } from "../../lib/use-overflow-title.mjs";
 import { useThemeScopeProps } from "../../lib/theme/theme-scope.mjs";
 import { Button } from "../button/button.mjs";
 import { ScrollAreaGutters } from "../scroll-area/scroll-area-gutters.mjs";
 import { useScrollAreaContainer } from "../scroll-area/use-scroll-area-container.mjs";
-import { usePopupCollision } from "../../lib/frame-insets.mjs";
-import { useOverflowTitle } from "../../lib/use-overflow-title.mjs";
 import { Check, ChevronDown } from "lucide-react";
 import { createContext, useCallback, useContext, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Select } from "@base-ui/react/select";
-//#region src/components/select/select.tsx
+// src/components/select/select.tsx
 const select = tv({
 	slots: {
 		trigger: [
@@ -516,5 +516,4 @@ function SelectArrow({ className, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { Select$1 as Select, SelectActionItem, SelectArrow, SelectContent, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemDescription, SelectItemIndicator, SelectItemLeading, SelectItemText, SelectLabel, SelectList, SelectPopup, SelectPortal, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue, useSelectChrome };