@botiverse/raft-ui 0.93.0 → 0.95.0

package/dist/components/composer/composer-toolbar-label.d.mts

@@ -1,5 +1,3 @@
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/composer/composer-toolbar-label.d.ts
 export type ComposerToolbarLabelProps = useRender.ComponentProps<"label">;
-export declare function ComposerToolbarLabel({ className, render, ...props }: ComposerToolbarLabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function ComposerToolbarLabel({ className, render, ...props }: ComposerToolbarLabelProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/composer/composer-toolbar-label.mjs

@@ -1,7 +1,7 @@
 import { tv } from "../../lib/tv.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/composer/composer-toolbar-label.tsx
+// src/components/composer/composer-toolbar-label.tsx
 const composerToolbarLabel = tv({ slots: { root: [
 	"inline-flex cursor-pointer select-none items-center",
 	"min-h-8 md:pointer-fine:min-h-(--bar-button-size) gap-2",
@@ -20,5 +20,4 @@ function ComposerToolbarLabel({ className, render, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { ComposerToolbarLabel };

package/dist/components/composer/composer.d.mts

@@ -1,7 +1,6 @@
-import { ButtonProps } from "../button/button.mjs";
 import { ScrollAreaTextareaProps } from "../scroll-area/types.mjs";
+import { ButtonProps } from "../button/button.mjs";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/composer/composer.d.ts
 export type ComposerProps = useRender.ComponentProps<"div">;
 export declare function Composer({ className, render, ...props }: ComposerProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 /**
@@ -22,5 +21,4 @@ export type ComposerIconButtonProps = Omit<ButtonProps, "className" | "size" | "
 };
 export declare function ComposerIconButton({ className, ...props }: ComposerIconButtonProps): import("react").JSX.Element;
 export type ComposerSubmitProps = Omit<ButtonProps, "variant">;
-export declare function ComposerSubmit({ type, className, ...props }: ComposerSubmitProps): import("react").JSX.Element;
-//#endregion
+export declare function ComposerSubmit({ type, className, ...props }: ComposerSubmitProps): import("react").JSX.Element;

package/dist/components/composer/composer.mjs

@@ -4,7 +4,7 @@ import { composer } from "./composer.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/composer/composer.tsx
+// src/components/composer/composer.tsx
 function Composer({ className, render, ...props }) {
 	const { root } = composer();
 	const defaultProps = {
@@ -82,5 +82,4 @@ function ComposerSubmit({ type = "submit", className, ...props }) {
 		variant: "accent"
 	});
 }
-//#endregion
 export { Composer, ComposerActions, ComposerIconButton, ComposerInput, ComposerMeta, ComposerSubmit, ComposerToolbar };

package/dist/components/composer/composer.recipe.mjs

@@ -1,6 +1,6 @@
-import { barButtonDesktop } from "../../lib/head-edges.mjs";
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/composer/composer.recipe.ts
+import { barButtonDesktop } from "../../lib/head-edges.mjs";
+// src/components/composer/composer.recipe.ts
 const composer = tv({
 	slots: {
 		root: [
@@ -38,5 +38,4 @@ const composer = tv({
 		false: {}
 	} }
 });
-//#endregion
 export { composer };

package/dist/components/composer/sortable-composer-attachments.d.mts

@@ -1,6 +1,5 @@
 import { DragMessages } from "../drag/drag-announcements.mjs";
 import { ReactNode } from "react";
-//#region src/components/composer/sortable-composer-attachments.d.ts
 export type SortableComposerAttachmentsProps = {
   items: readonly string[];
   onReorder: (items: string[]) => void;
@@ -33,5 +32,4 @@ export type SortableComposerAttachmentProps = {
  * Live draft reorder moves this slot to the drop index; wrap skips strategy
  * transforms so siblings FLIP via layout instead of wrong gaps.
  */
-export declare function SortableComposerAttachment({ id, label, children }: SortableComposerAttachmentProps): import("react").JSX.Element;
-//#endregion
+export declare function SortableComposerAttachment({ id, label, children }: SortableComposerAttachmentProps): import("react").JSX.Element;

package/dist/components/composer/sortable-composer-attachments.mjs

@@ -1,14 +1,14 @@
-import { ComposerAttachmentsScrollArea } from "./composer-attachments-scroll-area.mjs";
 import { createDragAnnouncements, dragInstructions } from "../drag/drag-announcements.mjs";
 import { DragLift, useDragSiblingTransition } from "../drag/drag-lift.mjs";
 import { useDragSensors } from "../drag/drag-sensors.mjs";
 import { DropPlaceholder } from "../drag/drop-placeholder.mjs";
+import { ComposerAttachmentsScrollArea } from "./composer-attachments-scroll-area.mjs";
 import { Children, createContext, isValidElement, use, useCallback, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DndContext, closestCenter, pointerWithin } from "@dnd-kit/core";
 import { SortableContext, arrayMove, defaultAnimateLayoutChanges, horizontalListSortingStrategy, useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-//#region src/components/composer/sortable-composer-attachments.tsx
+// src/components/composer/sortable-composer-attachments.tsx
 /** Whether the lifted attachment still stands at its own index. */
 const SortableAttachmentsHomeContext = createContext(true);
 /**
@@ -242,5 +242,4 @@ function SortableComposerAttachment({ id, label, children }) {
 		children: [children, place ? /* @__PURE__ */ jsx(DropPlaceholder, { className: "absolute inset-0" }) : null]
 	});
 }
-//#endregion
 export { SortableComposerAttachment, SortableComposerAttachments, SortableComposerAttachmentsScroll };

package/dist/components/composer/use-composer-suggestions.d.mts

@@ -1,5 +1,4 @@
 import { ComponentPropsWithoutRef, CompositionEventHandler, FocusEventHandler, FormEventHandler, KeyboardEventHandler, PointerEvent, RefObject } from "react";
-//#region src/components/composer/use-composer-suggestions.d.ts
 export interface ComposerSuggestionTriggerMatch {
   /** The trigger marker that opened the list, e.g. "@" or "#". */
   marker: string;
@@ -80,4 +79,4 @@ export declare function useComposerSuggestions<TItem extends object>({ value, on
   insert: (text: string) => void;
   clear: () => void;
 };
-//#endregion
+export {};

package/dist/components/composer/use-composer-suggestions.mjs

@@ -1,6 +1,6 @@
 import { useEffect, useId, useRef, useState } from "react";
 import { mergeProps } from "@base-ui/react/merge-props";
-//#region src/components/composer/use-composer-suggestions.ts
+// src/components/composer/use-composer-suggestions.ts
 function findNextEnabledIndex(items, current, direction, isItemDisabled) {
 	if (items.length === 0) return -1;
 	const start = current >= 0 ? current : direction === 1 ? -1 : 0;
@@ -203,5 +203,4 @@ function useComposerSuggestions({ value, onValueChange, detectTrigger, getItems,
 		clear
 	};
 }
-//#endregion
 export { useComposerSuggestions };

package/dist/components/context-menu/context-menu.d.mts

@@ -1,9 +1,8 @@
-import { StyledProps } from "../../lib/styled-props.mjs";
-import { KbdProps } from "../kbd/kbd.mjs";
 import "../kbd/index.mjs";
+import { KbdProps } from "../kbd/kbd.mjs";
+import { StyledProps } from "../../lib/styled-props.mjs";
 import { ComponentPropsWithRef } from "react";
 import { ContextMenu } from "@base-ui/react";
-//#region src/components/context-menu/context-menu.d.ts
 export type ContextMenuProps = ContextMenu.Root.Props;
 declare function ContextMenu$1(props: ContextMenuProps): import("react").JSX.Element;
 export type ContextMenuSubmenuProps = ContextMenu.SubmenuRoot.Props;
@@ -49,5 +48,4 @@ export type ContextMenuCheckboxItemProps = StyledProps<ContextMenu.CheckboxItem.
 export declare function ContextMenuCheckboxItem({ className, children, ...props }: ContextMenuCheckboxItemProps): import("react").JSX.Element;
 export type ContextMenuCheckboxItemIndicatorProps = StyledProps<ContextMenu.CheckboxItemIndicator.Props>;
 export declare function ContextMenuCheckboxItemIndicator({ className, ...props }: ContextMenuCheckboxItemIndicatorProps): import("react").JSX.Element;
-//#endregion
 export { ContextMenu$1 as ContextMenu };

package/dist/components/context-menu/context-menu.mjs

@@ -1,10 +1,10 @@
-import { tv } from "../../lib/tv.mjs";
-import { useThemeScopeProps } from "../../lib/theme/theme-scope.mjs";
 import { usePopupCollision } from "../../lib/frame-insets.mjs";
+import { tv } from "../../lib/tv.mjs";
 import { Kbd } from "../kbd/kbd.mjs";
+import { useThemeScopeProps } from "../../lib/theme/theme-scope.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ContextMenu } from "@base-ui/react";
-//#region src/components/context-menu/context-menu.tsx
+// src/components/context-menu/context-menu.tsx
 const contextMenu = tv({ slots: {
 	trigger: ["select-none"],
 	positioner: ["isolate z-popup outline-none"],
@@ -272,5 +272,4 @@ function ContextMenuCheckboxItemIndicator({ className, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { ContextMenu$1 as ContextMenu, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuContent, ContextMenuFooter, ContextMenuItem, ContextMenuItemLabel, ContextMenuLabel, ContextMenuPopup, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSubmenu, ContextMenuSubmenuTrigger, ContextMenuTrigger };

package/dist/components/conversation-panel/conversation-panel-empty-state.d.mts

@@ -1,9 +1,7 @@
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/conversation-panel/conversation-panel-empty-state.d.ts
 export type ConversationPanelEmptyStateProps = useRender.ComponentProps<"div">;
 export declare function ConversationPanelEmptyState({ className, render, ...props }: ConversationPanelEmptyStateProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type ConversationPanelEmptyStateBrandProps = useRender.ComponentProps<"div">;
 export declare function ConversationPanelEmptyStateBrand({ className, render, ...props }: ConversationPanelEmptyStateBrandProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type ConversationPanelEmptyStateBrandMarkProps = useRender.ComponentProps<"div">;
-export declare function ConversationPanelEmptyStateBrandMark({ className, render, ...props }: ConversationPanelEmptyStateBrandMarkProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function ConversationPanelEmptyStateBrandMark({ className, render, ...props }: ConversationPanelEmptyStateBrandMarkProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/conversation-panel/conversation-panel-empty-state.mjs

@@ -1,7 +1,7 @@
 import { tv } from "../../lib/tv.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/conversation-panel/conversation-panel-empty-state.tsx
+// src/components/conversation-panel/conversation-panel-empty-state.tsx
 const conversationPanelEmptyState = tv({ slots: {
 	root: [
 		"flex h-full min-h-0 min-w-0 flex-1 flex-col items-center justify-center",
@@ -53,5 +53,4 @@ function ConversationPanelEmptyStateBrandMark({ className, render, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { ConversationPanelEmptyState, ConversationPanelEmptyStateBrand, ConversationPanelEmptyStateBrandMark };

package/dist/components/conversation-panel/conversation-panel.d.mts

@@ -1,6 +1,5 @@
 import { PanelEdge } from "../panel/panel.mjs";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/conversation-panel/conversation-panel.d.ts
 export type ConversationPanelRootProps = useRender.ComponentProps<"section"> & {
   edge?: PanelEdge;
 };
@@ -16,5 +15,4 @@ export declare function ConversationPanelBody({ className, render, ...props }: C
 export type ConversationPanelTabsProps = useRender.ComponentProps<"div">;
 export declare function ConversationPanelTabs({ className, render, ...props }: ConversationPanelTabsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type ConversationPanelFooterProps = useRender.ComponentProps<"div">;
-export declare function ConversationPanelFooter({ className, render, ...props }: ConversationPanelFooterProps): import("react").JSX.Element;
-//#endregion
+export declare function ConversationPanelFooter({ className, render, ...props }: ConversationPanelFooterProps): import("react").JSX.Element;

package/dist/components/conversation-panel/conversation-panel.mjs

@@ -3,7 +3,7 @@ import { conversationPanel } from "./conversation-panel.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/conversation-panel/conversation-panel.tsx
+// src/components/conversation-panel/conversation-panel.tsx
 function ConversationPanelRoot({ className, edge = "inset", render, ...props }) {
 	const { root } = conversationPanel();
 	return /* @__PURE__ */ jsx(Panel, {
@@ -59,5 +59,4 @@ function ConversationPanelFooter({ className, render, ...props }) {
 		className: footer({ className })
 	});
 }
-//#endregion
 export { ConversationPanelBody, ConversationPanelContent, ConversationPanelFooter, ConversationPanelRoot, ConversationPanelTabs };

package/dist/components/conversation-panel/conversation-panel.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/conversation-panel/conversation-panel.recipe.ts
+// src/components/conversation-panel/conversation-panel.recipe.ts
 const conversationPanel = tv({ slots: {
 	root: ["flex h-full min-h-0 min-w-0 flex-1 flex-col", "bg-layer-canvas font-sans text-foreground"],
 	content: ["flex min-h-0 min-w-0 flex-1 flex-col", "bg-layer-canvas"],
@@ -12,5 +12,4 @@ const conversationPanel = tv({ slots: {
 	],
 	footer: ["pt-0", "bg-layer-canvas"]
 } });
-//#endregion
 export { conversationPanel };

package/dist/components/copyable-code/copyable-code.d.mts

@@ -2,8 +2,7 @@ import { VariantProps } from "../../lib/tv.mjs";
 import { ButtonProps } from "../button/button.mjs";
 import "../button/index.mjs";
 import { ComponentPropsWithRef, ReactNode } from "react";
-//#region src/components/copyable-code/copyable-code.d.ts
-declare const copyableCode: import("tailwind-variants/lite").TVReturnType<{
+declare const copyableCode: import("tailwind-variants/config").TVReturnType<{
   size: {
     sm: {
       code: string[];
@@ -18,37 +17,7 @@ declare const copyableCode: import("tailwind-variants/lite").TVReturnType<{
   codeInner: string[];
   action: string[];
   iconSwap: string[];
-}, undefined, {
-  size: {
-    sm: {
-      code: string[];
-    };
-    md: {
-      code: string[];
-    };
-  };
-}, {
-  root: string[];
-  code: string[];
-  codeInner: string[];
-  action: string[];
-  iconSwap: string[];
-}, import("tailwind-variants/lite").TVReturnTypeLike<{
-  size: {
-    sm: {
-      code: string[];
-    };
-    md: {
-      code: string[];
-    };
-  };
-}, {
-  root: string[];
-  code: string[];
-  codeInner: string[];
-  action: string[];
-  iconSwap: string[];
-}>>;
+}, undefined, undefined, undefined, undefined>;
 export type CopyableCodeRootProps = Omit<ComponentPropsWithRef<"div">, "onCopy" | "onError"> & Pick<VariantProps<typeof copyableCode>, "size"> & {
   copied?: boolean;
   /** Called with the copied text only after a write that actually landed. */
@@ -69,4 +38,4 @@ export type CopyableCodeActionProps = Omit<ButtonProps, "children" | "className"
   }) => ReactNode);
 };
 export declare function CopyableCodeAction({ children, buttonClassName, className, onClick, size, variant, ...props }: CopyableCodeActionProps): import("react").JSX.Element;
-//#endregion
+export {};

package/dist/components/copyable-code/copyable-code.mjs

@@ -1,11 +1,11 @@
 "use client";
+import { useCopyToClipboard } from "../../lib/use-copy-to-clipboard.mjs";
 import { tv } from "../../lib/tv.mjs";
 import { Button } from "../button/button.mjs";
-import { useCopyToClipboard } from "../../lib/use-copy-to-clipboard.mjs";
 import { Check, Copy } from "lucide-react";
 import { createContext, useCallback, useContext, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/copyable-code/copyable-code.tsx
+// src/components/copyable-code/copyable-code.tsx
 const copyableCode = tv({
 	slots: {
 		root: ["group/copyable-code flex w-full min-w-0 items-center gap-2"],
@@ -149,5 +149,4 @@ function CopyableCodeActionIcon({ copied }) {
 		})]
 	});
 }
-//#endregion
 export { CopyableCode, CopyableCodeAction, CopyableCodeRoot };

package/dist/components/description-list/description-list.d.mts

@@ -1,7 +1,6 @@
 import { VariantProps } from "../../lib/tv.mjs";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/description-list/description-list.d.ts
-declare const descriptionList: import("tailwind-variants/lite").TVReturnType<{
+declare const descriptionList: import("tailwind-variants/config").TVReturnType<{
   direction: {
     vertical: {};
     horizontal: {
@@ -16,37 +15,7 @@ declare const descriptionList: import("tailwind-variants/lite").TVReturnType<{
   item: string[];
   term: string[];
   details: string[];
-}, undefined, {
-  direction: {
-    vertical: {};
-    horizontal: {
-      root: string[];
-    };
-    inline: {
-      root: string[];
-    };
-  };
-}, {
-  root: string[];
-  item: string[];
-  term: string[];
-  details: string[];
-}, import("tailwind-variants/lite").TVReturnTypeLike<{
-  direction: {
-    vertical: {};
-    horizontal: {
-      root: string[];
-    };
-    inline: {
-      root: string[];
-    };
-  };
-}, {
-  root: string[];
-  item: string[];
-  term: string[];
-  details: string[];
-}>>;
+}, undefined, undefined, undefined, undefined>;
 export type DescriptionListDirection = NonNullable<VariantProps<typeof descriptionList>["direction"]>;
 export type DescriptionListProps = useRender.ComponentProps<"dl"> & Pick<VariantProps<typeof descriptionList>, "direction">;
 export declare function DescriptionList({ direction, className, render, ref, ...props }: DescriptionListProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
@@ -56,4 +25,4 @@ export type DescriptionTermProps = useRender.ComponentProps<"dt">;
 export declare function DescriptionTerm({ className, render, ...props }: DescriptionTermProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type DescriptionDetailsProps = useRender.ComponentProps<"dd">;
 export declare function DescriptionDetails({ className, render, ...props }: DescriptionDetailsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export {};

package/dist/components/description-list/description-list.mjs

@@ -1,9 +1,9 @@
-import { tv } from "../../lib/tv.mjs";
 import { useLabelValueFit } from "../../lib/label-value-fit.mjs";
+import { tv } from "../../lib/tv.mjs";
 import { useCallback, useState } from "react";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/description-list/description-list.tsx
+// src/components/description-list/description-list.tsx
 const descriptionList = tv({
 	slots: {
 		root: ["m-0"],
@@ -102,5 +102,4 @@ function DescriptionDetails({ className, render, ...props }) {
 		state: { slot: "description-details" }
 	});
 }
-//#endregion
 export { DescriptionDetails, DescriptionItem, DescriptionList, DescriptionTerm };

package/dist/components/dialog/dialog-sheet-context.mjs

@@ -1,6 +1,6 @@
 import { tv } from "../../lib/tv.mjs";
 import { createContext, createElement, useContext } from "react";
-//#region src/components/dialog/dialog-sheet-context.ts
+// src/components/dialog/dialog-sheet-context.ts
 const NO_SHEET = {
 	sheet: false,
 	commitSlot: null,
@@ -59,5 +59,4 @@ const dialogSheet = tv({ slots: {
 	barBody: ["block overflow-y-auto"],
 	bodyEnd: ["mt-4 empty:hidden", "text-start font-sans text-footnote text-foreground-muted *:data-[slot=text-link]:text-footnote"]
 } });
-//#endregion
 export { DialogSheetContext, DialogSheetHeadContext, DialogSheetReset, DialogSheetSurfaceContext, NO_SHEET, dialogSheet, useDialogSheet, useInDialogSheetHead };

package/dist/components/dialog/dialog-sheet.d.mts

@@ -1,7 +1,6 @@
 import { ButtonProps } from "../button/button.mjs";
 import "../button/index.mjs";
 import { DialogContentProps } from "./dialog.mjs";
-//#region src/components/dialog/dialog-sheet.d.ts
 export type DialogSheetContentProps = DialogContentProps;
 /**
  * DialogContent for a dialog with several fields, a long list or steps. On a
@@ -28,5 +27,4 @@ export type DialogCommitProps = ButtonProps;
  * Give that form an `id`, or pass `form`. Without one a click still submits
  * the form, but Enter in a field doesn't.
  */
-export declare function DialogCommit({ size, form, onClick, ...props }: DialogCommitProps): import("react").JSX.Element;
-//#endregion
+export declare function DialogCommit({ size, form, onClick, ...props }: DialogCommitProps): import("react").JSX.Element;

package/dist/components/dialog/dialog-sheet.mjs

@@ -1,13 +1,13 @@
 import { cn } from "../../cn.mjs";
-import { Button } from "../button/button.mjs";
-import { DialogSheetContext, DialogSheetSurfaceContext, dialogSheet, useDialogSheet } from "./dialog-sheet-context.mjs";
 import { useMobileViewport } from "../../lib/use-mobile-viewport.mjs";
 import { useSoftKeyboard } from "../../lib/use-soft-keyboard.mjs";
+import { Button } from "../button/button.mjs";
 import { DialogContent } from "./dialog.mjs";
+import { DialogSheetContext, DialogSheetSurfaceContext, dialogSheet, useDialogSheet } from "./dialog-sheet-context.mjs";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
-//#region src/components/dialog/dialog-sheet.tsx
+// src/components/dialog/dialog-sheet.tsx
 /**
 * DialogContent for a dialog with several fields, a long list or steps. On a
 * desktop and a tablet it is DialogContent, the same DOM and classes. Below
@@ -176,5 +176,4 @@ function useRevealNewProblems(popup) {
 		return () => observer.disconnect();
 	}, [popup]);
 }
-//#endregion
 export { DialogCommit, DialogSheetContent };

package/dist/components/dialog/dialog.d.mts

@@ -1,12 +1,11 @@
-import { StyledProps } from "../../lib/styled-props.mjs";
+import { ScrollAreaProps } from "../scroll-area/types.mjs";
 import { ButtonProps } from "../button/button.mjs";
+import { StyledProps } from "../../lib/styled-props.mjs";
 import "../button/index.mjs";
-import { ScrollAreaProps } from "../scroll-area/types.mjs";
 import { PanelActionProps } from "../panel/panel-action.mjs";
 import { Dialog } from "@base-ui/react/dialog";
 import { ComponentPropsWithRef, ReactNode } from "react";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/dialog/dialog.d.ts
 export type DialogProps = Dialog.Root.Props;
 declare function Dialog$1({ children, ...props }: DialogProps): import("react").JSX.Element;
 export type DialogTriggerProps = Dialog.Trigger.Props;
@@ -94,5 +93,4 @@ export type DialogNavProps = Omit<ScrollAreaProps, "contentClassName">;
 /** The section list of a wide (`size="wide"`) dialog, inside a `bar` body: a
  *  `<nav>` that is a ScrollArea, its rows in the area's content element. */
 export declare function DialogNav({ className, render, ...props }: DialogNavProps): import("react").JSX.Element;
-//#endregion
 export { Dialog$1 as Dialog };

package/dist/components/dialog/dialog.mjs

@@ -1,17 +1,17 @@
 import { cn } from "../../cn.mjs";
-import { decisionWidth } from "../../lib/decision-width.mjs";
 import { barButtonDesktop, headEdgePull } from "../../lib/head-edges.mjs";
+import { decisionWidth } from "../../lib/decision-width.mjs";
+import { ScrollArea } from "../scroll-area/scroll-area.mjs";
 import { stackedActions, useStackedActions } from "../../lib/stacked-actions.mjs";
 import { tv } from "../../lib/tv.mjs";
 import { useThemeScopeProps } from "../../lib/theme/theme-scope.mjs";
 import { useParentOverlayKind, withOverlayLayer } from "../../lib/overlay-depth.mjs";
-import { Button } from "../button/button.mjs";
-import { DialogSheetHeadContext, DialogSheetReset, DialogSheetSurfaceContext, dialogSheet, useDialogSheet, useInDialogSheetHead } from "./dialog-sheet-context.mjs";
-import { ScrollArea } from "../scroll-area/scroll-area.mjs";
 import { useMobileViewport } from "../../lib/use-mobile-viewport.mjs";
 import { useSoftKeyboard } from "../../lib/use-soft-keyboard.mjs";
+import { Button } from "../button/button.mjs";
 import { TextLink } from "../text-link/text-link.mjs";
 import { PanelAction } from "../panel/panel-action.mjs";
+import { DialogSheetHeadContext, DialogSheetReset, DialogSheetSurfaceContext, dialogSheet, useDialogSheet, useInDialogSheetHead } from "./dialog-sheet-context.mjs";
 import { Dialog } from "@base-ui/react/dialog";
 import { ArrowLeft, X } from "lucide-react";
 import { Children, createContext, isValidElement, useContext, useEffect, useState } from "react";
@@ -19,7 +19,7 @@ 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";
 import { createPortal } from "react-dom";
-//#region src/components/dialog/dialog.tsx
+// src/components/dialog/dialog.tsx
 const dialog = tv({
 	slots: {
 		overlay: ["fixed inset-0 z-dialog bg-layer-backdrop"],
@@ -414,5 +414,4 @@ function DialogNav({ className, render, ...props }) {
 		contentClassName: content()
 	});
 }
-//#endregion
 export { Dialog$1 as Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogFooterNote, DialogHeader, DialogNav, DialogOverlay, DialogPortal, DialogSheetBack, DialogSurface, DialogTitle, DialogTrigger };

package/dist/components/drag/drag-announcements.d.mts

@@ -1,5 +1,4 @@
 import { Announcements, ScreenReaderInstructions, UniqueIdentifier } from "@dnd-kit/core";
-//#region src/components/drag/drag-announcements.d.ts
 /** A place in words: the list or area's name, and the item's position in it when it has one. */
 export type DragPlace = {
   /**
@@ -68,5 +67,4 @@ export type DragAnnouncementSource = {
  */
 export declare function createDragAnnouncements(source: DragAnnouncementSource, messages?: Partial<DragMessages>): Announcements;
 /** dnd-kit `screenReaderInstructions`: Space, not Enter, in your language. */
-export declare function dragInstructions(messages?: Partial<DragMessages>): ScreenReaderInstructions;
-//#endregion
+export declare function dragInstructions(messages?: Partial<DragMessages>): ScreenReaderInstructions;

package/dist/components/drag/drag-announcements.mjs

@@ -1,4 +1,4 @@
-//#region src/components/drag/drag-announcements.ts
+// src/components/drag/drag-announcements.ts
 function at({ place, position, count }) {
 	const where = position == null ? "" : count == null ? `position ${position}` : `position ${position} of ${count}`;
 	if (!place) return where;
@@ -111,5 +111,4 @@ const SILENT_DRAG_ANNOUNCEMENTS = {
 function dragInstructions(messages) {
 	return { draggable: dragMessages(messages).instructions };
 }
-//#endregion
 export { DEFAULT_DRAG_MESSAGES, SILENT_DRAG_ANNOUNCEMENTS, createDragAnnouncements, dragInstructions, dragMessages };

package/dist/components/drag/drag-lift.d.mts

@@ -1,7 +1,6 @@
 import { LIFT_CLASS } from "./drag.recipe.mjs";
 import { CSSProperties, ReactNode } from "react";
 import { DropAnimation, Modifier } from "@dnd-kit/core";
-//#region src/components/drag/drag-lift.d.ts
 /**
  * A drag settling (motion.md, `motion-drag-settle-*`): the lifted copy
  * gliding into its place on a drop or back home on a cancel, siblings sliding
@@ -101,5 +100,4 @@ export type DragLiftProps = {
  * the pointer is near the edge of. Render it inside the `DndContext`.
  */
 export declare function DragLift({ children, className, style, modifiers, autoScroll, container, zIndex }: DragLiftProps): import("react").JSX.Element;
-//#endregion
 export { LIFT_CLASS };

package/dist/components/drag/drag-lift.mjs

@@ -6,7 +6,7 @@ import { useEffect, useMemo, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
 import { DragOverlay, defaultDropAnimationSideEffects, useDndContext } from "@dnd-kit/core";
-//#region src/components/drag/drag-lift.tsx
+// src/components/drag/drag-lift.tsx
 /**
 * A drag settling (motion.md, `motion-drag-settle-*`): the lifted copy
 * gliding into its place on a drop or back home on a cancel, siblings sliding
@@ -275,5 +275,4 @@ function autoScrollAt(x, y) {
 	const dy = scrollDelta(0, window.innerHeight, y, page.scrollTop, page.scrollHeight - window.innerHeight - 1);
 	if (dy) window.scrollBy(0, dy);
 }
-//#endregion
 export { DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DragLift, LIFT_CLASS, ORIGIN_OPACITY, autoScrollAt, cancelDrag, dragPointer, keepGrabInside, useDragSiblingTransition };

package/dist/components/drag/drag-lists.d.mts

@@ -2,7 +2,6 @@ import { DragMessages } from "./drag-announcements.mjs";
 import { ReactNode } from "react";
 import { Announcements, CollisionDetection, DragEndEvent, DragOverEvent, DragStartEvent, KeyboardCoordinateGetter, ScreenReaderInstructions, UniqueIdentifier } from "@dnd-kit/core";
 import { SortingStrategy } from "@dnd-kit/sortable";
-//#region src/components/drag/drag-lists.d.ts
 export type DragListsItems<L extends string> = Record<L, readonly string[]>;
 export type UseDragListsOptions<L extends string> = {
   /** The lists, in the order they are on screen (by keyboard, entering a list from above lands first, from below last). */
@@ -94,5 +93,4 @@ export declare function useDragAnnouncer(): {
 /** A polite, visually hidden live region for drag announcements. */
 export declare function DragLiveRegion({ message }: {
   message: string;
-}): import("react").JSX.Element;
-//#endregion
+}): import("react").JSX.Element;

package/dist/components/drag/drag-lists.mjs

@@ -1,12 +1,12 @@
 "use client";
-import { cn } from "../../cn.mjs";
 import { SILENT_DRAG_ANNOUNCEMENTS, dragInstructions, dragMessages } from "./drag-announcements.mjs";
 import { useDragAcrossLists } from "./drag-sensors.mjs";
 import { DropPlaceholder } from "./drop-placeholder.mjs";
+import { cn } from "../../cn.mjs";
 import { useCallback, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { arrayMove, verticalListSortingStrategy } from "@dnd-kit/sortable";
-//#region src/components/drag/drag-lists.tsx
+// src/components/drag/drag-lists.tsx
 /** dnd-kit's vertical strategy, except that nothing moves while the hand is outside the list. */
 const dragListStrategy = (args) => args.overIndex < 0 ? null : verticalListSortingStrategy(args);
 /**
@@ -254,5 +254,4 @@ function DragLiveRegion({ message }) {
 		children: message
 	});
 }
-//#endregion
 export { DragLiveRegion, DraggedSlot, dragListStrategy, useDragAnnouncer, useDragLists };

package/dist/components/drag/drag-sensors.d.mts

@@ -1,6 +1,5 @@
 import { HoldThenMoveOptions } from "../../lib/touch-drag.mjs";
 import { CollisionDetection, KeyboardCoordinateGetter, KeyboardSensorOptions } from "@dnd-kit/core";
-//#region src/components/drag/drag-sensors.d.ts
 /**
  * A mouse or a pen picks an item up once it has moved this far, so a click
  * never moves anything (design/patterns/drag-and-drop.md#starting-a-drag).
@@ -83,5 +82,4 @@ export type DragRemeasureProps = {
  * rendered. dnd-kit's own observers skip targets whose size didn't change,
  * even when they moved. Render it inside the `DndContext`.
  */
-export declare function DragRemeasure({ version }: DragRemeasureProps): null;
-//#endregion
+export declare function DragRemeasure({ version }: DragRemeasureProps): null;