@botiverse/raft-ui 0.93.0 → 0.95.0

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

@@ -3,7 +3,7 @@ import { useCallback, useLayoutEffect, useState } 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/code-block/code-block.tsx
+// src/components/code-block/code-block.tsx
 const CORNERS = [
 	{
 		x: "left",
@@ -147,5 +147,4 @@ function CodeBlockPre({ render, ref, "aria-label": ariaLabel = "Code", ...props
 		state: { slot: "code-block-pre" }
 	});
 }
-//#endregion
 export { CodeBlock, CodeBlockAction, CodeBlockActions, CodeBlockBody, CodeBlockHeader, CodeBlockPre, CodeBlockTitle };

package/dist/components/code-block/code-block.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/code-block/code-block.recipe.ts
+// src/components/code-block/code-block.recipe.ts
 const codeBlock = tv({ slots: {
 	root: [
 		"group/code-block relative my-2 min-w-0",
@@ -43,5 +43,4 @@ const codeBlock = tv({ slots: {
 		"[&_svg:not([class*='size-'])]:size-4.5"
 	]
 } });
-//#endregion
 export { codeBlock };

package/dist/components/combobox/combobox.d.mts

@@ -1,7 +1,6 @@
 import { StyledProps } from "../../lib/styled-props.mjs";
 import { ComponentPropsWithRef } from "react";
 import { Combobox } from "@base-ui/react/combobox";
-//#region src/components/combobox/combobox.d.ts
 export type ComboboxProps<Value, Multiple extends boolean | undefined = false> = Combobox.Root.Props<Value, Multiple>;
 declare function Combobox$1<Value, Multiple extends boolean | undefined = false>({ defaultInputValue, defaultValue, inputValue, onInputValueChange, onValueChange, value, ...props }: ComboboxProps<Value, Multiple>): import("react").JSX.Element;
 export type ComboboxLabelProps = StyledProps<Combobox.Label.Props>;
@@ -71,5 +70,4 @@ export type ComboboxChipProps = StyledProps<Combobox.Chip.Props>;
 export declare function ComboboxChip({ className, ref, title, ...props }: ComboboxChipProps): import("react").JSX.Element;
 export type ComboboxChipRemoveProps = StyledProps<Combobox.ChipRemove.Props>;
 export declare function ComboboxChipRemove({ className, children, ...props }: ComboboxChipRemoveProps): import("react").JSX.Element;
-//#endregion
 export { Combobox$1 as Combobox };

package/dist/components/combobox/combobox.mjs

@@ -1,17 +1,17 @@
+import { chipRemoveBase } from "../../lib/chip-remove.mjs";
+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 { chipRemoveBase } from "../../lib/chip-remove.mjs";
 import { Check, X } from "lucide-react";
 import { createContext, use, useCallback, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react/combobox";
-//#region src/components/combobox/combobox.tsx
+// src/components/combobox/combobox.tsx
 const combobox = tv({
 	slots: {
 		trigger: [
@@ -462,5 +462,4 @@ function ComboboxChipRemove({ className, children, ...props }) {
 		})
 	});
 }
-//#endregion
 export { Combobox$1 as Combobox, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxControl, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxHeader, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxRow, ComboboxSeparator, ComboboxTrigger, ComboboxTriggerCount, ComboboxTriggerIndicator, ComboboxValue };

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

@@ -1,4 +1,2 @@
 import { ComboboxSelectOption, ComboboxSelectProps } from "./combobox-select.types.mjs";
-//#region src/components/combobox-select/combobox-select.d.ts
-export declare function ComboboxSelect<Option = ComboboxSelectOption, Multiple extends boolean | undefined = false>({ options, multiple, value, defaultValue, onValueChange, labelField, valueField, disabledField, fallbackOption, filterable, filter, remote, onSearch, loading, create, creatable, onCreate, clearable, showArrow, clearFilterAfterSelect, onClear, maxTagCount, size, status, placeholder, renderLabel, renderOption, renderTag, renderCreateLabel, emptyContent, loadingContent, messages, listMaxHeight, inputProps, portalProps, positionerProps, popupProps, className, style, id: idProp, ref, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, inputValue, defaultInputValue, onInputValueChange, disabled, readOnly, autoHighlight, onOpenChange, ...rootProps }: ComboboxSelectProps<Option, Multiple>): import("react").JSX.Element;
-//#endregion
+export declare function ComboboxSelect<Option = ComboboxSelectOption, Multiple extends boolean | undefined = false>({ options, multiple, value, defaultValue, onValueChange, labelField, valueField, disabledField, fallbackOption, filterable, filter, remote, onSearch, loading, create, creatable, onCreate, clearable, showArrow, clearFilterAfterSelect, onClear, maxTagCount, size, status, placeholder, renderLabel, renderOption, renderTag, renderCreateLabel, emptyContent, loadingContent, messages, listMaxHeight, inputProps, portalProps, positionerProps, popupProps, className, style, id: idProp, ref, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, inputValue, defaultInputValue, onInputValueChange, disabled, readOnly, autoHighlight, onOpenChange, ...rootProps }: ComboboxSelectProps<Option, Multiple>): import("react").JSX.Element;

package/dist/components/combobox-select/combobox-select.list-side.mjs

@@ -1,4 +1,4 @@
-//#region src/components/combobox-select/combobox-select.list-side.ts
+// src/components/combobox-select/combobox-select.list-side.ts
 /** One option row (36px) and the list's 6px padding above and below. */
 const ROW = 36;
 const LIST_PADDING = 12;
@@ -12,5 +12,4 @@ const SIDE_OFFSET = 4;
 function roomBelowIsShort(field, viewport, rows = 3) {
 	return viewport.top + viewport.height - field.bottom - SIDE_OFFSET < rows * ROW + LIST_PADDING;
 }
-//#endregion
 export { roomBelowIsShort };

package/dist/components/combobox-select/combobox-select.mjs

@@ -1,17 +1,17 @@
+import { usePopupCollision } from "../../lib/frame-insets.mjs";
+import { usePhoneMedia } from "../../lib/phone-media.mjs";
 import { useTheme } from "../../lib/theme/use-theme.mjs";
 import { useThemeScopeProps } from "../../lib/theme/theme-scope.mjs";
+import { useOverflowTitle } from "../../lib/use-overflow-title.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 { usePhoneMedia } from "../../lib/phone-media.mjs";
 import { roomBelowIsShort } from "./combobox-select.list-side.mjs";
 import { isOptionGroup, normalizeOption, optionKey } from "./combobox-select.options.mjs";
 import { Check, ChevronDown, LoaderCircle, Plus, X } from "lucide-react";
 import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react/combobox";
-//#region src/components/combobox-select/combobox-select.tsx
+// src/components/combobox-select/combobox-select.tsx
 const defaultMessages = {
 	clear: "Clear selection",
 	toggle: "Toggle options",
@@ -494,5 +494,4 @@ function ComboboxSelectList({ children, loading }) {
 		}), /* @__PURE__ */ jsx(ScrollAreaGutters, { ...guttersProps })]
 	});
 }
-//#endregion
 export { ComboboxSelect };

package/dist/components/combobox-select/combobox-select.options.mjs

@@ -1,4 +1,4 @@
-//#region src/components/combobox-select/combobox-select.options.ts
+// src/components/combobox-select/combobox-select.options.ts
 function isOptionGroup(option) {
 	return typeof option === "object" && option !== null && "type" in option && option.type === "group" && "children" in option && Array.isArray(option.children);
 }
@@ -17,5 +17,4 @@ function normalizeOption(option, labelField, valueField, disabledField) {
 function optionKey(value) {
 	return `${typeof value}:${value}`;
 }
-//#endregion
 export { isOptionGroup, normalizeOption, optionKey };

package/dist/components/combobox-select/combobox-select.types.d.mts

@@ -1,6 +1,5 @@
 import { CSSProperties, ComponentPropsWithRef, ReactNode } from "react";
 import { Combobox } from "@base-ui/react/combobox";
-//#region src/components/combobox-select/combobox-select.types.d.ts
 export type ComboboxSelectValue = string | number;
 export interface ComboboxSelectOption {
   value: ComboboxSelectValue;
@@ -80,4 +79,4 @@ export type ComboboxSelectProps<Option = ComboboxSelectOption, Multiple extends
   className?: string;
   style?: CSSProperties;
 };
-//#endregion
+export {};

package/dist/components/combobox-select/index.d.mts

@@ -1,3 +1,3 @@
-import { ComboboxSelectGroup, ComboboxSelectMessages, ComboboxSelectOption, ComboboxSelectProps, ComboboxSelectSelection, ComboboxSelectValue } from "./combobox-select.types.mjs";
 import { ComboboxSelect } from "./combobox-select.mjs";
+import { ComboboxSelectGroup, ComboboxSelectMessages, ComboboxSelectOption, ComboboxSelectProps, ComboboxSelectSelection, ComboboxSelectValue } from "./combobox-select.types.mjs";
 export { ComboboxSelect, type ComboboxSelectGroup, type ComboboxSelectMessages, type ComboboxSelectOption, type ComboboxSelectProps, type ComboboxSelectSelection, type ComboboxSelectValue };

package/dist/components/comment/comment-card.d.mts

@@ -1,5 +1,4 @@
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/comment/comment-card.d.ts
 export type CommentCardProps = useRender.ComponentProps<"div"> & {
   /** The discussion people are reading or replying to: an ink border, lifted. */
   active?: boolean;
@@ -36,5 +35,4 @@ export type CommentCardQuoteProps = useRender.ComponentProps<"span">;
  * `aria-describedby` of `CommentCardTrigger` or `CommentMarker` at it, so a
  * screen reader says which passage a card is about.
  */
-export declare function CommentCardQuote({ className, render, ...props }: CommentCardQuoteProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function CommentCardQuote({ className, render, ...props }: CommentCardQuoteProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/comment/comment-card.mjs

@@ -1,7 +1,7 @@
 import { comment } from "./comment.recipe.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/comment/comment-card.tsx
+// src/components/comment/comment-card.tsx
 /**
 * The card of one discussion: its comments, a line such as "2 replies", and
 * the reply box when it is open. A `div`; which parts it holds (collapsed or
@@ -79,5 +79,4 @@ function CommentCardQuote({ className, render, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { CommentCard, CommentCardMeta, CommentCardQuote, CommentCardTrigger };

package/dist/components/comment/comment-entry.d.mts

@@ -1,5 +1,4 @@
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/comment/comment-entry.d.ts
 export type CommentEntryProps = useRender.ComponentProps<"div">;
 /** One comment in a discussion: its header, then its text. */
 export declare function CommentEntry({ className, render, ...props }: CommentEntryProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
@@ -20,5 +19,4 @@ export type CommentEntryBodyProps = useRender.ComponentProps<"div"> & {
   clamp?: boolean;
 };
 /** What the comment says. */
-export declare function CommentEntryBody({ className, render, clamp, ...props }: CommentEntryBodyProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function CommentEntryBody({ className, render, clamp, ...props }: CommentEntryBodyProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/comment/comment-entry.mjs

@@ -1,7 +1,7 @@
 import { comment } from "./comment.recipe.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/comment/comment-entry.tsx
+// src/components/comment/comment-entry.tsx
 /** One comment in a discussion: its header, then its text. */
 function CommentEntry({ className, render, ...props }) {
 	const { entry } = comment();
@@ -71,5 +71,4 @@ function CommentEntryBody({ className, render, clamp = false, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { CommentEntry, CommentEntryAuthor, CommentEntryBody, CommentEntryHeader, CommentEntryTime };

package/dist/components/comment/comment-highlight.d.mts

@@ -1,4 +1,3 @@
-//#region src/components/comment/comment-highlight.d.ts
 /** The highlight of every passage that has comments (`::highlight(raft-comment)` in styles.css). */
 export declare const COMMENT_HIGHLIGHT = "raft-comment";
 /** The highlight of the passage of the open discussion (`::highlight(raft-comment-active)`). */
@@ -14,5 +13,4 @@ export declare const COMMENT_HIGHLIGHT_ACTIVE = "raft-comment-active";
  * Where the browser has no `CSS.highlights`, it does nothing: the passages are
  * not highlighted, and the cards still say where they belong.
  */
-export declare function setCommentHighlights(name: string, ranges: Iterable<Range>): () => void;
-//#endregion
+export declare function setCommentHighlights(name: string, ranges: Iterable<Range>): () => void;

package/dist/components/comment/comment-highlight.mjs

@@ -1,4 +1,4 @@
-//#region src/components/comment/comment-highlight.ts
+// src/components/comment/comment-highlight.ts
 /** The highlight of every passage that has comments (`::highlight(raft-comment)` in styles.css). */
 const COMMENT_HIGHLIGHT = "raft-comment";
 /** The highlight of the passage of the open discussion (`::highlight(raft-comment-active)`). */
@@ -29,5 +29,4 @@ function setCommentHighlights(name, ranges) {
 		if (registry.get(name) === highlight) registry.delete(name);
 	};
 }
-//#endregion
 export { COMMENT_HIGHLIGHT, COMMENT_HIGHLIGHT_ACTIVE, setCommentHighlights };

package/dist/components/comment/comment-margin-layout.d.mts

@@ -1,4 +1,3 @@
-//#region src/components/comment/comment-margin-layout.d.ts
 /** One card in the margin: where its anchor is and how tall the card is, in px. */
 export type CommentMarginLayoutItem = {
   id: string;
@@ -28,5 +27,4 @@ export type CommentMarginLayout = {
  * above 0: when the cards above the active one don't fit between 0 and its
  * anchor, they stack from 0 and the active card follows them.
  */
-export declare function resolveCommentMarginLayout(items: readonly CommentMarginLayoutItem[], { gap, activeId }?: CommentMarginLayoutOptions): CommentMarginLayout;
-//#endregion
+export declare function resolveCommentMarginLayout(items: readonly CommentMarginLayoutItem[], { gap, activeId }?: CommentMarginLayoutOptions): CommentMarginLayout;

package/dist/components/comment/comment-margin-layout.mjs

@@ -1,4 +1,4 @@
-//#region src/components/comment/comment-margin-layout.ts
+// src/components/comment/comment-margin-layout.ts
 /**
 * Places the cards of a comment margin the way Google Docs does. Cards keep
 * document order (by their anchor's top; equal tops keep the order given) and
@@ -40,5 +40,4 @@ function resolveCommentMarginLayout(items, { gap = 8, activeId = null } = {}) {
 		height
 	};
 }
-//#endregion
 export { resolveCommentMarginLayout };

package/dist/components/comment/comment-margin.d.mts

@@ -1,5 +1,4 @@
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/comment/comment-margin.d.ts
 export type CommentMarginProps = useRender.ComponentProps<"div"> & {
   /** Space between two cards that would otherwise touch, in px. Default 8. */
   gap?: number;
@@ -25,5 +24,4 @@ export type CommentMarginItemProps = useRender.ComponentProps<"div"> & {
  * make room. Items with the same `top` keep the order they were first
  * rendered in. The resolved top is `data-top`, applied as a `translateY`.
  */
-export declare function CommentMarginItem({ className, render, style, top, active, ...props }: CommentMarginItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function CommentMarginItem({ className, render, style, top, active, ...props }: CommentMarginItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/comment/comment-margin.mjs

@@ -4,7 +4,7 @@ import { createContext, use, useCallback, useEffect, useId, useLayoutEffect, use
 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/comment/comment-margin.tsx
+// src/components/comment/comment-margin.tsx
 const CommentMarginContext = createContext(null);
 function useCommentMargin() {
 	const context = use(CommentMarginContext);
@@ -161,5 +161,4 @@ function CommentMarginItem({ className, render, style, top, active = false, ...p
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { CommentMargin, CommentMarginItem };

package/dist/components/comment/comment-marker.d.mts

@@ -1,7 +1,6 @@
-import { StyledProps } from "../../lib/styled-props.mjs";
 import { DataAttributes } from "../../lib/data-attributes.mjs";
+import { StyledProps } from "../../lib/styled-props.mjs";
 import { Button } from "@base-ui/react/button";
-//#region src/components/comment/comment-marker.d.ts
 export type CommentMarkerProps = StyledProps<Button.Props> & DataAttributes & {
   /** The marker of the discussion that is open. */
   active?: boolean;
@@ -12,5 +11,4 @@ export type CommentMarkerProps = StyledProps<Button.Props> & DataAttributes & {
  * `size="2xs"` avatars) and the count. It opens the discussion, in a bottom
  * sheet. Give it an `aria-label` that starts with the count ("2 comments").
  */
-export declare function CommentMarker({ className, render, nativeButton, active, ...props }: CommentMarkerProps): import("react").JSX.Element;
-//#endregion
+export declare function CommentMarker({ className, render, nativeButton, active, ...props }: CommentMarkerProps): import("react").JSX.Element;

package/dist/components/comment/comment-marker.mjs

@@ -2,7 +2,7 @@ import { defaultNativeButton } from "../../lib/default-native-button.mjs";
 import { comment } from "./comment.recipe.mjs";
 import { jsx } from "react/jsx-runtime";
 import { Button } from "@base-ui/react/button";
-//#region src/components/comment/comment-marker.tsx
+// src/components/comment/comment-marker.tsx
 /**
 * Where there is no room for a margin: a small button beside a passage that
 * has comments, with the authors' avatars (an `AvatarGroup` of up to 3
@@ -20,5 +20,4 @@ function CommentMarker({ className, render, nativeButton, active = false, ...pro
 		className: marker({ className })
 	});
 }
-//#endregion
 export { CommentMarker };

package/dist/components/comment/comment.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/comment/comment.recipe.ts
+// src/components/comment/comment.recipe.ts
 const comment = tv({
 	slots: {
 		margin: ["relative min-w-0"],
@@ -53,5 +53,4 @@ const comment = tv({
 	},
 	variants: { clamp: { true: { entryBody: ["line-clamp-2"] } } }
 });
-//#endregion
 export { comment };

package/dist/components/comment/use-comment-margin-fits.d.mts

@@ -1,4 +1,3 @@
-//#region src/components/comment/use-comment-margin-fits.d.ts
 export type UseCommentMarginFitsOptions = {
   /** The narrowest the viewer may be for the margin to show, in px. Default 784. */
   minWidth?: number;
@@ -12,5 +11,4 @@ export type UseCommentMarginFitsOptions = {
  * are different trees, so this is measured in JavaScript (a
  * `ResizeObserver` on the element), not decided by a container query.
  */
-export declare function useCommentMarginFits(element: Element | null, { minWidth }?: UseCommentMarginFitsOptions): boolean;
-//#endregion
+export declare function useCommentMarginFits(element: Element | null, { minWidth }?: UseCommentMarginFitsOptions): boolean;

package/dist/components/comment/use-comment-margin-fits.mjs

@@ -1,6 +1,6 @@
 import { DESKTOP_MEDIA_QUERY } from "../../lib/desktop-media.mjs";
 import { useLayoutEffect, useState, useSyncExternalStore } from "react";
-//#region src/components/comment/use-comment-margin-fits.ts
+// src/components/comment/use-comment-margin-fits.ts
 const canMatchMedia = () => typeof window !== "undefined" && typeof window.matchMedia === "function";
 function subscribeDesktop(onChange) {
 	if (!canMatchMedia()) return () => void 0;
@@ -32,5 +32,4 @@ function useCommentMarginFits(element, { minWidth = 784 } = {}) {
 	}, [element]);
 	return desktop && element !== null && width >= minWidth;
 }
-//#endregion
 export { useCommentMarginFits };

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

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/composer/composer-attachment.recipe.ts
+// src/components/composer/composer-attachment.recipe.ts
 const composerAttachment = tv({
 	slots: {
 		attachments: [
@@ -80,5 +80,4 @@ const composerAttachment = tv({
 		next: { attachmentsNav: "right-1.5" }
 	} }
 });
-//#endregion
 export { composerAttachment };

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

@@ -1,5 +1,4 @@
 import { ComponentPropsWithoutRef } from "react";
-//#region src/components/composer/composer-attachments-scroll-area.d.ts
 export type ComposerAttachmentsScrollAreaProps = ComponentPropsWithoutRef<"div">;
 /**
  * One scrolling row of attachments: a horizontal ScrollArea (its thin
@@ -7,5 +6,4 @@ export type ComposerAttachmentsScrollAreaProps = ComponentPropsWithoutRef<"div">
  * that has more attachments past it. The ScrollArea reports the edges, so
  * the arrows follow scrolling, resizing and attachments coming and going.
  */
-export declare function ComposerAttachmentsScrollArea({ children, className, onMouseEnter, onMouseLeave, ...props }: ComposerAttachmentsScrollAreaProps): import("react").JSX.Element;
-//#endregion
+export declare function ComposerAttachmentsScrollArea({ children, className, onMouseEnter, onMouseLeave, ...props }: ComposerAttachmentsScrollAreaProps): import("react").JSX.Element;

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

@@ -4,7 +4,7 @@ import { composerAttachment } from "./composer-attachment.recipe.mjs";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import { useCallback, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/composer/composer-attachments-scroll-area.tsx
+// src/components/composer/composer-attachments-scroll-area.tsx
 function scrollByPage(viewport, direction) {
 	if (!viewport) return;
 	const page = viewport.clientWidth;
@@ -78,5 +78,4 @@ function ComposerAttachmentsScrollArea({ children, className, onMouseEnter, onMo
 		]
 	});
 }
-//#endregion
 export { ComposerAttachmentsScrollArea };

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

@@ -1,5 +1,4 @@
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/composer/composer-attachments.d.ts
 export type ComposerAttachmentsProps = useRender.ComponentProps<"div">;
 export declare function ComposerAttachments({ className, render, ...props }: ComposerAttachmentsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type ComposerAttachmentProps = useRender.ComponentProps<"div">;
@@ -23,5 +22,4 @@ export declare function ComposerAttachmentUploadProgressBar({ className, render,
 export type ComposerAttachmentFailedOverlayProps = useRender.ComponentProps<"span">;
 export declare function ComposerAttachmentFailedOverlay({ className, render, ...props }: ComposerAttachmentFailedOverlayProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type ComposerAttachmentRemoveProps = useRender.ComponentProps<"button">;
-export declare function ComposerAttachmentRemove({ className, render, ...props }: ComposerAttachmentRemoveProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function ComposerAttachmentRemove({ className, render, ...props }: ComposerAttachmentRemoveProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

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

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { Button } from "@base-ui/react/button";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/composer/composer-attachments.tsx
+// src/components/composer/composer-attachments.tsx
 function ComposerAttachments({ className, render, ...props }) {
 	const { attachments } = composerAttachment();
 	const defaultProps = {
@@ -143,5 +143,4 @@ function ComposerAttachmentRemove({ className, render, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { ComposerAttachment, ComposerAttachmentBody, ComposerAttachmentFailedOverlay, ComposerAttachmentFile, ComposerAttachmentImage, ComposerAttachmentMeta, ComposerAttachmentRemove, ComposerAttachmentTitle, ComposerAttachmentUploadProgressBar, ComposerAttachmentUploadingOverlay, ComposerAttachments };

package/dist/components/composer/composer-drop-overlay.d.mts

@@ -1,6 +1,5 @@
 import * as React from "react";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/composer/composer-drop-overlay.d.ts
 export type ComposerDropOverlayProps = useRender.ComponentProps<"div">;
 export declare function ComposerDropOverlay({ className, render, ...props }: ComposerDropOverlayProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 export type ComposerDropOverlayLabelProps = useRender.ComponentProps<"span">;
@@ -10,5 +9,4 @@ export type ComposerDropOverlayPromptProps = Omit<ComposerDropOverlayLabelProps,
   children: React.ReactNode;
 };
 /** The label with the files-and-upload icon cluster above the caller's text. */
-export declare function ComposerDropOverlayPrompt({ children, ...props }: ComposerDropOverlayPromptProps): React.JSX.Element;
-//#endregion
+export declare function ComposerDropOverlayPrompt({ children, ...props }: ComposerDropOverlayPromptProps): React.JSX.Element;

package/dist/components/composer/composer-drop-overlay.mjs

@@ -3,7 +3,7 @@ import { FileText, Image, Upload } from "lucide-react";
 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/composer/composer-drop-overlay.tsx
+// src/components/composer/composer-drop-overlay.tsx
 function ComposerDropOverlay({ className, render, ...props }) {
 	const { dropOverlay } = composerDropOverlay();
 	const defaultProps = {
@@ -53,5 +53,4 @@ function ComposerDropOverlayPrompt({ children, ...props }) {
 		}), /* @__PURE__ */ jsx("span", { children })]
 	});
 }
-//#endregion
 export { ComposerDropOverlay, ComposerDropOverlayLabel, ComposerDropOverlayPrompt };

package/dist/components/composer/composer-drop-overlay.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/composer/composer-drop-overlay.recipe.ts
+// src/components/composer/composer-drop-overlay.recipe.ts
 const composerDropOverlay = tv({ slots: {
 	dropOverlay: [
 		"absolute inset-0 z-float flex items-center justify-center",
@@ -19,5 +19,4 @@ const composerDropOverlay = tv({ slots: {
 		"[&_svg]:size-4"
 	]
 } });
-//#endregion
 export { composerDropOverlay };

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

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

package/dist/components/composer/composer-root.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-root.tsx
+// src/components/composer/composer-root.tsx
 const composerRoot = tv({ base: ["relative flex w-full flex-col", "gap-2"] });
 function ComposerRoot({ className, render, ...props }) {
 	const defaultProps = {
@@ -14,5 +14,4 @@ function ComposerRoot({ className, render, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { ComposerRoot };

package/dist/components/composer/composer-suggestion-list.d.mts

@@ -1,8 +1,7 @@
 import { VariantProps } from "../../lib/tv.mjs";
 import { ScrollAreaProps } from "../scroll-area/types.mjs";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/composer/composer-suggestion-list.d.ts
-declare const composerSuggestionList: import("tailwind-variants/lite").TVReturnType<{
+declare const composerSuggestionList: import("tailwind-variants/config").TVReturnType<{
   separated: {
     true: {
       group: string[];
@@ -39,81 +38,7 @@ declare const composerSuggestionList: import("tailwind-variants/lite").TVReturnT
   title: string[];
   aside: string[];
   meta: string[];
-}, undefined, {
-  separated: {
-    true: {
-      group: string[];
-    };
-    false: {};
-  };
-  iconVariant: {
-    avatar: {};
-    framed: {
-      icon: string[];
-    };
-    auxiliary: {
-      icon: string[];
-    };
-    inline: {
-      icon: string[];
-    };
-  };
-  metaVariant: {
-    text: {
-      meta: string;
-    };
-    code: {
-      meta: string[];
-    };
-  };
-}, {
-  root: string[];
-  group: string[];
-  groupLabel: string[];
-  item: string[];
-  content: string[];
-  icon: string[];
-  title: string[];
-  aside: string[];
-  meta: string[];
-}, import("tailwind-variants/lite").TVReturnTypeLike<{
-  separated: {
-    true: {
-      group: string[];
-    };
-    false: {};
-  };
-  iconVariant: {
-    avatar: {};
-    framed: {
-      icon: string[];
-    };
-    auxiliary: {
-      icon: string[];
-    };
-    inline: {
-      icon: string[];
-    };
-  };
-  metaVariant: {
-    text: {
-      meta: string;
-    };
-    code: {
-      meta: string[];
-    };
-  };
-}, {
-  root: string[];
-  group: string[];
-  groupLabel: string[];
-  item: string[];
-  content: string[];
-  icon: string[];
-  title: string[];
-  aside: string[];
-  meta: string[];
-}>>;
+}, undefined, undefined, undefined, undefined>;
 export type ComposerSuggestionListProps = ScrollAreaProps;
 /** The suggestions' popup, a ScrollArea: `ref`, `className`, `render` and
  *  the native props (the listbox's role and id) are the scrolling element's. */
@@ -139,4 +64,4 @@ export type ComposerSuggestionMetaProps = useRender.ComponentProps<"span"> & {
   variant?: ComposerSuggestionListVariantProps["metaVariant"];
 };
 export declare function ComposerSuggestionMeta({ variant, className, render, ...props }: ComposerSuggestionMetaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export {};

package/dist/components/composer/composer-suggestion-list.mjs

@@ -3,7 +3,7 @@ import { ScrollArea } from "../scroll-area/scroll-area.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-suggestion-list.tsx
+// src/components/composer/composer-suggestion-list.tsx
 const composerSuggestionList = tv({
 	slots: {
 		root: [
@@ -158,5 +158,4 @@ function ComposerSuggestionMeta({ variant = "text", className, render, ...props
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { ComposerSuggestionAside, ComposerSuggestionContent, ComposerSuggestionGroup, ComposerSuggestionGroupLabel, ComposerSuggestionIcon, ComposerSuggestionList, ComposerSuggestionMeta, ComposerSuggestionOption, ComposerSuggestionTitle };