@botiverse/raft-ui 0.93.0 → 0.95.0

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

@@ -4,7 +4,7 @@ import { useHoldThenMoveTouchSensor, useMouseOnlyPointerSensor } from "../../lib
 import { useLayoutEffect, useMemo, useRef } from "react";
 import { KeyboardSensor, useDndContext, useSensor, useSensors } from "@dnd-kit/core";
 import { sortableKeyboardCoordinates } from "@dnd-kit/sortable";
-//#region src/components/drag/drag-sensors.ts
+// src/components/drag/drag-sensors.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).
@@ -165,5 +165,4 @@ function DragRemeasure({ version }) {
 	}, [version]);
 	return null;
 }
-//#endregion
 export { DRAG_KEYBOARD_CODES, DragRemeasure, MOUSE_DRAG_DISTANCE_PX, listKeyboardCoordinates, useDragAcrossLists, useDragSensors };

package/dist/components/drag/drag.recipe.d.mts

@@ -1,7 +1,5 @@
-//#region src/components/drag/drag.recipe.d.ts
 /**
  * The lift look, for a copy drawn outside `DragLift`: an opaque popover
  * surface, `shadow-float` and the `line-seam` ring. No scale, no tilt.
  */
-export declare const LIFT_CLASS = "bg-layer-popover shadow-float ring-1 ring-line-seam";
-//#endregion
+export declare const LIFT_CLASS = "bg-layer-popover shadow-float ring-1 ring-line-seam";

package/dist/components/drag/drag.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/drag/drag.recipe.ts
+// src/components/drag/drag.recipe.ts
 /**
 * The lift look, for a copy drawn outside `DragLift`: an opaque popover
 * surface, `shadow-float` and the `line-seam` ring. No scale, no tilt.
@@ -26,5 +26,4 @@ const drag = tv({
 	},
 	variants: { opaque: { true: { placeholder: ["bg-layer-canvas", "bg-[linear-gradient(var(--fill-subtle),var(--fill-subtle))]"] } } }
 });
-//#endregion
 export { LIFT_CLASS, drag };

package/dist/components/drag/drop-placeholder.d.mts

@@ -1,6 +1,5 @@
 import { ComponentPropsWithRef } from "react";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/drag/drop-placeholder.d.ts
 export type DropPlaceholderProps = useRender.ComponentProps<"div"> & {
   /**
    * In a layout (the gap a column makes, a new column's strip): an opaque
@@ -37,5 +36,4 @@ export type DragRefusalHintProps = Omit<ComponentPropsWithRef<"div">, "children"
  * above the pointer; it never sits under the copy, and always stays 8px inside
  * the window. Its size is measured when its content changes, not every frame.
  */
-export declare function DragRefusalHint({ children, container, className, style, ...props }: DragRefusalHintProps): import("react").ReactPortal | null;
-//#endregion
+export declare function DragRefusalHint({ children, container, className, style, ...props }: DragRefusalHintProps): import("react").ReactPortal | null;

package/dist/components/drag/drop-placeholder.mjs

@@ -7,7 +7,7 @@ import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { createPortal } from "react-dom";
 import { useDndContext } from "@dnd-kit/core";
-//#region src/components/drag/drop-placeholder.tsx
+// src/components/drag/drop-placeholder.tsx
 /**
 * Where a dragged item will land (design/patterns/drag-and-drop.md#where-it-will-land):
 * a 1.5px dashed `line-strong` outline on `fill-subtle`, with the item's
@@ -157,5 +157,4 @@ function DragRefusalHint({ children, container, className, style, ...props }) {
 		children
 	}), container ?? document.body);
 }
-//#endregion
 export { DragRefusalHint, DropPlaceholder, placeRefusalHint };

package/dist/components/drag/index.d.mts

@@ -1,8 +1,8 @@
-import { DEFAULT_DRAG_MESSAGES, DragAnnouncementSource, DragMessages, DragNamed, DragPlace, createDragAnnouncements, dragInstructions, dragMessages } from "./drag-announcements.mjs";
-import { HoldThenMoveOptions, HoldThenMoveTouchSensor, MouseOnlyPointerSensor, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, useHoldThenMoveTouchSensor, useMouseOnlyPointerSensor } from "../../lib/touch-drag.mjs";
 import { DRAG_KEYBOARD_CODES, DragAcrossLists, DragRemeasure, DragRemeasureProps, DragSensorsOptions, MOUSE_DRAG_DISTANCE_PX, listKeyboardCoordinates, useDragAcrossLists, useDragSensors } from "./drag-sensors.mjs";
-import { LIFT_CLASS } from "./drag.recipe.mjs";
 import { DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, DragLift, DragLiftProps, ORIGIN_OPACITY, cancelDrag, keepGrabInside, useDragSiblingTransition } from "./drag-lift.mjs";
 import { DragRefusalHint, DragRefusalHintProps, DropPlaceholder, DropPlaceholderProps } from "./drop-placeholder.mjs";
+import { LIFT_CLASS } from "./drag.recipe.mjs";
+import { DEFAULT_DRAG_MESSAGES, DragAnnouncementSource, DragMessages, DragNamed, DragPlace, createDragAnnouncements, dragInstructions, dragMessages } from "./drag-announcements.mjs";
+import { HoldThenMoveOptions, HoldThenMoveTouchSensor, MouseOnlyPointerSensor, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, useHoldThenMoveTouchSensor, useMouseOnlyPointerSensor } from "../../lib/touch-drag.mjs";
 import { DragListsItems, DragLiveRegion, DraggedSlot, DraggedSlotProps, UseDragListsOptions, dragListStrategy, useDragAnnouncer, useDragLists } from "./drag-lists.mjs";
 export { DEFAULT_DRAG_MESSAGES, DRAG_AUTO_SCROLL_ZONE_PX, DRAG_KEYBOARD_CODES, DRAG_KEYBOARD_OFFSET_PX, DRAG_LIFT_Z_INDEX, DRAG_SETTLE, DRAG_SIBLING_TRANSITION, DROP_GLIDE, type DragAcrossLists, type DragAnnouncementSource, DragLift, type DragLiftProps, type DragListsItems, DragLiveRegion, type DragMessages, type DragNamed, type DragPlace, DragRefusalHint, type DragRefusalHintProps, DragRemeasure, type DragRemeasureProps, type DragSensorsOptions, DraggedSlot, type DraggedSlotProps, DropPlaceholder, type DropPlaceholderProps, type HoldThenMoveOptions, HoldThenMoveTouchSensor, LIFT_CLASS, MOUSE_DRAG_DISTANCE_PX, MouseOnlyPointerSensor, ORIGIN_OPACITY, TOUCH_DRAG_DISTANCE_PX, TOUCH_DRAG_HOLD_MS, TOUCH_DRAG_TOLERANCE_PX, type UseDragListsOptions, cancelDrag, createDragAnnouncements, dragInstructions, dragListStrategy, dragMessages, keepGrabInside, listKeyboardCoordinates, useDragAcrossLists, useDragAnnouncer, useDragLists, useDragSensors, useDragSiblingTransition, useHoldThenMoveTouchSensor, useMouseOnlyPointerSensor };

package/dist/components/drawer/drawer.d.mts

@@ -3,7 +3,6 @@ import { ButtonProps } from "../button/button.mjs";
 import "../button/index.mjs";
 import { useRender } from "@base-ui/react/use-render";
 import { Drawer } from "@base-ui/react/drawer";
-//#region src/components/drawer/drawer.d.ts
 export type DrawerProps = Drawer.Root.Props;
 declare function Drawer$1({ modal, snapPoints, swipeDirection, children, ...props }: DrawerProps): import("react").JSX.Element;
 export type DrawerTriggerProps = Drawer.Trigger.Props;
@@ -30,5 +29,4 @@ export type DrawerTitleProps = StyledProps<Drawer.Title.Props>;
 export declare function DrawerTitle({ className, ...props }: DrawerTitleProps): import("react").JSX.Element;
 export type DrawerDescriptionProps = StyledProps<Drawer.Description.Props>;
 export declare function DrawerDescription({ className, ...props }: DrawerDescriptionProps): import("react").JSX.Element;
-//#endregion
 export { Drawer$1 as Drawer };

package/dist/components/drawer/drawer.mjs

@@ -1,16 +1,16 @@
 import { cn } from "../../cn.mjs";
 import { useThemeScopeProps } from "../../lib/theme/theme-scope.mjs";
-import { useParentOverlayKind, withOverlayLayer } from "../../lib/overlay-depth.mjs";
 import { Button } from "../button/button.mjs";
 import { DialogSheetReset } from "../dialog/dialog-sheet-context.mjs";
 import { drawer } from "./drawer.recipe.mjs";
+import { useParentOverlayKind, withOverlayLayer } from "../../lib/overlay-depth.mjs";
 import { X } from "lucide-react";
 import { createContext, useContext, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { Drawer } from "@base-ui/react/drawer";
-//#region src/components/drawer/drawer.tsx
+// src/components/drawer/drawer.tsx
 const DrawerConfigContext = createContext(null);
 function useDrawerConfig() {
 	const context = useContext(DrawerConfigContext);
@@ -200,5 +200,4 @@ function DrawerDescription({ className, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { Drawer$1 as Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };

package/dist/components/drawer/drawer.recipe.mjs

@@ -1,7 +1,7 @@
 import { barButton } from "../../lib/head-edges.mjs";
 import { tv } from "../../lib/tv.mjs";
 import { panelHeadEdges } from "../panel/panel-header.recipe.mjs";
-//#region src/components/drawer/drawer.recipe.ts
+// src/components/drawer/drawer.recipe.ts
 const drawerMotion = tv({
 	slots: {
 		overlay: [
@@ -172,5 +172,4 @@ const drawer = tv({
 		class: { popup: ["[--drawer-content-height:100dvh]"] }
 	}]
 });
-//#endregion
 export { drawer };

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

@@ -1,11 +1,10 @@
-import { StyledProps } from "../../lib/styled-props.mjs";
-import { BadgeProps } from "../badge/badge.mjs";
 import "../badge/index.mjs";
-import { KbdProps } from "../kbd/kbd.mjs";
+import { BadgeProps } from "../badge/badge.mjs";
 import "../kbd/index.mjs";
+import { KbdProps } from "../kbd/kbd.mjs";
+import { StyledProps } from "../../lib/styled-props.mjs";
 import { ComponentPropsWithRef } from "react";
 import { Menu } from "@base-ui/react/menu";
-//#region src/components/dropdown-menu/dropdown-menu.d.ts
 export type DropdownMenuProps = Menu.Root.Props;
 export declare function DropdownMenu(props: DropdownMenuProps): import("react").JSX.Element;
 export type DropdownMenuSubmenuProps = Menu.SubmenuRoot.Props;
@@ -58,5 +57,4 @@ export type DropdownMenuLinkItemProps = StyledProps<Menu.LinkItem.Props> & {
  * language: a link, so it opens in a new tab and can be copied. Its
  * `href` goes on the item; `current` marks the page being shown.
  */
-export declare function DropdownMenuLinkItem({ current, className, children, ...props }: DropdownMenuLinkItemProps): import("react").JSX.Element;
-//#endregion
+export declare function DropdownMenuLinkItem({ current, className, children, ...props }: DropdownMenuLinkItemProps): import("react").JSX.Element;

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

@@ -1,12 +1,12 @@
+import { usePopupCollision } from "../../lib/frame-insets.mjs";
 import { tv } from "../../lib/tv.mjs";
-import { useThemeScopeProps } from "../../lib/theme/theme-scope.mjs";
-import { Button } from "../button/button.mjs";
 import { Badge } from "../badge/badge.mjs";
-import { usePopupCollision } from "../../lib/frame-insets.mjs";
+import { Button } from "../button/button.mjs";
 import { Kbd } from "../kbd/kbd.mjs";
+import { useThemeScopeProps } from "../../lib/theme/theme-scope.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react/menu";
-//#region src/components/dropdown-menu/dropdown-menu.tsx
+// src/components/dropdown-menu/dropdown-menu.tsx
 const dropdownMenu = tv({ slots: {
 	trigger: ["select-none"],
 	positioner: ["isolate z-popup outline-none"],
@@ -316,5 +316,4 @@ function DropdownMenuLinkItem({ current = false, className, children, ...props }
 		}) : null]
 	});
 }
-//#endregion
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuContent, DropdownMenuFooter, DropdownMenuItem, DropdownMenuItemCount, DropdownMenuItemLabel, DropdownMenuLabel, DropdownMenuLinkItem, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRadioItemIndicator, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubmenu, DropdownMenuSubmenuTrigger, DropdownMenuTrigger };

package/dist/components/ellipsis/ellipsis.d.mts

@@ -1,6 +1,5 @@
 import { TextLinkProps } from "../text-link/text-link.mjs";
 import { ComponentProps, ReactNode } from "react";
-//#region src/components/ellipsis/ellipsis.d.ts
 /** What a function passed as `after` receives. */
 export interface EllipsisState {
   /** The text is cut off right now. `false` while it is expanded. */
@@ -51,5 +50,4 @@ export type EllipsisToggleProps = Omit<TextLinkProps, "aria-expanded" | "aria-co
  * `after`. A real button, with `aria-expanded` and `aria-controls` pointing
  * at the text. The label is the caller's: "Show more" / "Show less".
  */
-export declare function EllipsisToggle({ onClick, ...props }: EllipsisToggleProps): import("react").JSX.Element;
-//#endregion
+export declare function EllipsisToggle({ onClick, ...props }: EllipsisToggleProps): import("react").JSX.Element;

package/dist/components/ellipsis/ellipsis.mjs

@@ -1,10 +1,10 @@
+import { measureContent, observeTruncation, readNow } from "../../lib/truncation.mjs";
 import { tv } from "../../lib/tv.mjs";
 import { TextLink } from "../text-link/text-link.mjs";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip/tooltip.mjs";
-import { measureContent, observeTruncation, readNow } from "../../lib/truncation.mjs";
 import { createContext, useCallback, useContext, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/ellipsis/ellipsis.tsx
+// src/components/ellipsis/ellipsis.tsx
 const ellipsis = tv({
 	slots: {
 		root: ["group/ellipsis min-w-0 max-w-full"],
@@ -316,5 +316,4 @@ function EllipsisToggle({ onClick, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { Ellipsis, EllipsisToggle };

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

@@ -1,5 +1,4 @@
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/empty-state/empty-state.d.ts
 export type EmptyStateProps = useRender.ComponentProps<"div">;
 export declare function EmptyState({ render, className, ...props }: EmptyStateProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type EmptyStateContentProps = useRender.ComponentProps<"div">;
@@ -11,5 +10,4 @@ export declare function EmptyStateTitle({ render, className, ...props }: EmptySt
 export type EmptyStateDescriptionProps = useRender.ComponentProps<"div">;
 export declare function EmptyStateDescription({ render, className, ...props }: EmptyStateDescriptionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type EmptyStateActionsProps = useRender.ComponentProps<"div">;
-export declare function EmptyStateActions({ render, className, ...props }: EmptyStateActionsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function EmptyStateActions({ render, className, ...props }: EmptyStateActionsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/empty-state/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/empty-state/empty-state.tsx
+// src/components/empty-state/empty-state.tsx
 const emptyState = tv({ slots: {
 	root: ["flex w-full min-w-0 flex-col items-center justify-center px-6 md:pointer-fine:px-(--page-inset) py-12 text-center"],
 	content: [
@@ -98,5 +98,4 @@ function EmptyStateActions({ render, className, ...props }) {
 		state: { slot: "empty-state-actions" }
 	});
 }
-//#endregion
 export { EmptyState, EmptyStateActions, EmptyStateContent, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle };

package/dist/components/field/field.d.mts

@@ -1,43 +1,8 @@
-import { StyledProps } from "../../lib/styled-props.mjs";
 import { VariantProps } from "../../lib/tv.mjs";
+import { StyledProps } from "../../lib/styled-props.mjs";
 import { ReactNode } from "react";
 import { Field } from "@base-ui/react/field";
-//#region src/components/field/field.d.ts
-declare const field: import("tailwind-variants/lite").TVReturnType<{
-  size: {
-    sm: {
-      item: string[];
-      label: string[];
-    };
-    md: {
-      item: string[];
-      label: string[];
-    };
-  };
-}, {
-  root: string[];
-  item: string[];
-  label: string[];
-  description: string[];
-  error: string[];
-}, undefined, {
-  size: {
-    sm: {
-      item: string[];
-      label: string[];
-    };
-    md: {
-      item: string[];
-      label: string[];
-    };
-  };
-}, {
-  root: string[];
-  item: string[];
-  label: string[];
-  description: string[];
-  error: string[];
-}, import("tailwind-variants/lite").TVReturnTypeLike<{
+declare const field: import("tailwind-variants/config").TVReturnType<{
   size: {
     sm: {
       item: string[];
@@ -54,7 +19,7 @@ declare const field: import("tailwind-variants/lite").TVReturnType<{
   label: string[];
   description: string[];
   error: string[];
-}>>;
+}, undefined, undefined, undefined, undefined>;
 export type FieldProps = StyledProps<Field.Root.Props>;
 declare function Field$1({ className, ...props }: FieldProps): import("react").JSX.Element;
 export type FieldItemProps = StyledProps<Field.Item.Props> & VariantProps<typeof field>;
@@ -82,5 +47,4 @@ export type FieldControlProps = Field.Control.Props;
 export declare function FieldControl(props: FieldControlProps): import("react").JSX.Element;
 export type FieldValidityProps = Field.Validity.Props;
 export declare function FieldValidity(props: FieldValidityProps): import("react").JSX.Element;
-//#endregion
 export { Field$1 as Field };

package/dist/components/field/field.mjs

@@ -2,7 +2,7 @@ import { tv } from "../../lib/tv.mjs";
 import { LabelAsterisk, LabelOptional } from "../label/label.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Field } from "@base-ui/react/field";
-//#region src/components/field/field.tsx
+// src/components/field/field.tsx
 const field = tv({
 	slots: {
 		root: ["group/field flex flex-col gap-1.5"],
@@ -103,5 +103,4 @@ function FieldControl(props) {
 function FieldValidity(props) {
 	return /* @__PURE__ */ jsx(Field.Validity, { ...props });
 }
-//#endregion
 export { Field$1 as Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity };

package/dist/components/file-preview/file-preview.d.mts

@@ -1,7 +1,6 @@
 import { VariantProps } from "../../lib/tv.mjs";
 import { filePreview } from "./file-preview.recipe.mjs";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/file-preview/file-preview.d.ts
 export type FilePreviewProps = useRender.ComponentProps<"span">;
 export declare function FilePreview({ className, render, ...props }: FilePreviewProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type FilePreviewDocumentProps = useRender.ComponentProps<"span">;
@@ -13,5 +12,4 @@ export declare function FilePreviewCode({ children, className, render, ...props
 export type FilePreviewBadgeProps = useRender.ComponentProps<"span"> & Pick<VariantProps<typeof filePreview>, "placement">;
 export declare function FilePreviewBadge({ placement, className, render, ...props }: FilePreviewBadgeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type FilePreviewMediaProps = useRender.ComponentProps<"span">;
-export declare function FilePreviewMedia({ children, className, render, ...props }: FilePreviewMediaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function FilePreviewMedia({ children, className, render, ...props }: FilePreviewMediaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/file-preview/file-preview.mjs

@@ -2,7 +2,7 @@ import { filePreview } from "./file-preview.recipe.mjs";
 import { Fragment, 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/file-preview/file-preview.tsx
+// src/components/file-preview/file-preview.tsx
 function FilePreview({ className, render, ...props }) {
 	const { root } = filePreview();
 	const defaultProps = {
@@ -206,5 +206,4 @@ function FilePreviewMedia({ children, className, render, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { FilePreview, FilePreviewBadge, FilePreviewCode, FilePreviewDocument, FilePreviewFile, FilePreviewMedia };

package/dist/components/file-preview/file-preview.recipe.d.mts

@@ -1,5 +1,4 @@
-//#region src/components/file-preview/file-preview.recipe.d.ts
-export declare const filePreview: import("tailwind-variants/lite").TVReturnType<{
+export declare const filePreview: import("tailwind-variants/config").TVReturnType<{
   placement: {
     corner: {
       badge: string;
@@ -31,69 +30,4 @@ export declare const filePreview: import("tailwind-variants/lite").TVReturnType<
   codeSelfClosingLine: string[];
   badge: string[];
   media: string[];
-}, undefined, {
-  placement: {
-    corner: {
-      badge: string;
-    };
-    inline: {
-      badge: string;
-    };
-  };
-}, {
-  root: string[];
-  document: string[];
-  file: string[];
-  code: string[];
-  fileZip: string[];
-  fileZipStack: string[];
-  fileZipTeeth: string[];
-  fileZipRow: string[];
-  fileZipDark: string[];
-  fileZipLight: string[];
-  fileZipPull: string[];
-  codeStack: string[];
-  codeRow: string[];
-  codeRowIndent: string[];
-  codeTextRow: string[];
-  codeGlyph: string[];
-  codeTagLine: string[];
-  codeAttributeLine: string[];
-  codeTextLine: string[];
-  codeSelfClosingLine: string[];
-  badge: string[];
-  media: string[];
-}, import("tailwind-variants/lite").TVReturnTypeLike<{
-  placement: {
-    corner: {
-      badge: string;
-    };
-    inline: {
-      badge: string;
-    };
-  };
-}, {
-  root: string[];
-  document: string[];
-  file: string[];
-  code: string[];
-  fileZip: string[];
-  fileZipStack: string[];
-  fileZipTeeth: string[];
-  fileZipRow: string[];
-  fileZipDark: string[];
-  fileZipLight: string[];
-  fileZipPull: string[];
-  codeStack: string[];
-  codeRow: string[];
-  codeRowIndent: string[];
-  codeTextRow: string[];
-  codeGlyph: string[];
-  codeTagLine: string[];
-  codeAttributeLine: string[];
-  codeTextLine: string[];
-  codeSelfClosingLine: string[];
-  badge: string[];
-  media: string[];
-}>>;
-//#endregion
+}, undefined, undefined, undefined, undefined>;

package/dist/components/file-preview/file-preview.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/file-preview/file-preview.recipe.ts
+// src/components/file-preview/file-preview.recipe.ts
 const filePreview = tv({
 	slots: {
 		root: ["relative flex h-10 w-10 shrink-0 items-center justify-center"],
@@ -35,5 +35,4 @@ const filePreview = tv({
 	} },
 	defaultVariants: { placement: "corner" }
 });
-//#endregion
 export { filePreview };

package/dist/components/files/files.d.mts

@@ -1,7 +1,6 @@
 import { ButtonProps } from "../button/button.mjs";
 import { ScrollAreaProps } from "../scroll-area/types.mjs";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/files/files.d.ts
 type FileTag = "button" | "div" | "img" | "section" | "span";
 type DataAttributes = Record<`data-${string}`, string | undefined>;
 type FileSlotProps<Tag extends FileTag> = useRender.ComponentProps<Tag> & DataAttributes;
@@ -35,4 +34,4 @@ export type FileActionsProps = FileSlotProps<"span">;
 export declare function FileActions(props: FileActionsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type FileActionProps = Omit<ButtonProps, "variant" | "size"> & Pick<Partial<ButtonProps>, "variant" | "size">;
 export declare function FileAction({ variant, size, ...props }: FileActionProps): import("react").JSX.Element;
-//#endregion
+export {};

package/dist/components/files/files.mjs

@@ -3,7 +3,7 @@ import { ScrollArea } from "../scroll-area/scroll-area.mjs";
 import { files } from "./files.recipe.mjs";
 import { jsx } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/files/files.tsx
+// src/components/files/files.tsx
 function useFileSlot(slotName, dataSlot, defaultTagName, props) {
 	const slot = files()[slotName];
 	const { className, render, ...otherProps } = props;
@@ -74,5 +74,4 @@ function FileAction({ variant, size = "icon-md", ...props }) {
 		...props
 	});
 }
-//#endregion
 export { FileAction, FileActions, FileContent, FileImage, FileMeta, FileMetaItem, FileName, FileRow, FileRowOpen, FileThumbnail, FilesList, FilesPanel, FilesViewport };

package/dist/components/files/files.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/files/files.recipe.ts
+// src/components/files/files.recipe.ts
 const files = tv({ slots: {
 	panel: ["flex min-h-0 flex-1 flex-col", "bg-layer-canvas text-foreground"],
 	viewport: ["min-h-0 flex-1"],
@@ -36,5 +36,4 @@ const files = tv({ slots: {
 	metaItem: ["inline-flex items-center gap-1 [&_svg]:size-3 [&_svg]:shrink-0"],
 	actions: ["flex shrink-0 self-center items-center gap-1.5"]
 } });
-//#endregion
 export { files };

package/dist/components/filter-chip/filter-chip.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 { Button } from "@base-ui/react/button";
-//#region src/components/filter-chip/filter-chip.d.ts
 export type FilterChipProps = ComponentPropsWithRef<"span"> & DataAttributes;
 /**
  * The filter in effect, beside the filter button that chose it: an `info-soft`
@@ -21,5 +20,4 @@ export type FilterChipRemoveProps = Omit<StyledProps<Button.Props>, "aria-label"
   "aria-label": string;
 };
 /** The × that resets the filter to its default. Shows an X unless given children. */
-export declare function FilterChipRemove({ className, children, render, nativeButton, ...props }: FilterChipRemoveProps): import("react").JSX.Element;
-//#endregion
+export declare function FilterChipRemove({ className, children, render, nativeButton, ...props }: FilterChipRemoveProps): import("react").JSX.Element;

package/dist/components/filter-chip/filter-chip.mjs

@@ -1,10 +1,10 @@
-import { tv } from "../../lib/tv.mjs";
-import { defaultNativeButton } from "../../lib/default-native-button.mjs";
 import { chipRemoveBase } from "../../lib/chip-remove.mjs";
+import { defaultNativeButton } from "../../lib/default-native-button.mjs";
+import { tv } from "../../lib/tv.mjs";
 import { X } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
 import { Button } from "@base-ui/react/button";
-//#region src/components/filter-chip/filter-chip.tsx
+// src/components/filter-chip/filter-chip.tsx
 const filterChip = tv({ slots: {
 	root: [
 		"inline-flex h-8 md:pointer-fine:h-control min-w-0 shrink items-center",
@@ -56,5 +56,4 @@ function FilterChipRemove({ className, children, render, nativeButton, ...props
 		children: children ?? /* @__PURE__ */ jsx(X, { "aria-hidden": true })
 	});
 }
-//#endregion
 export { FilterChip, FilterChipLabel, FilterChipRemove };

package/dist/components/fit-toolbar/fit-toolbar.d.mts

@@ -5,7 +5,6 @@ import { InputGroupInputProps } from "../input-group/input-group.mjs";
 import { PickerTriggerButtonProps } from "../picker-trigger-button/picker-trigger-button.mjs";
 import { CSSProperties, ReactElement, ReactNode, Ref } from "react";
 import { Toolbar } from "@base-ui/react/toolbar";
-//#region src/components/fit-toolbar/fit-toolbar.d.ts
 /**
  * The ways an item gives way, each one step:
  * - `label`: its label hides and its icon stays (the label stays its accessible name);
@@ -292,5 +291,4 @@ export type FitToolbarSearchProps = Omit<InputGroupInputProps, "className" | "va
  * field closes once it is empty and loses focus, or on Esc. A search with
  * text stays open. Put it straight in the FitToolbar, between its groups.
  */
-export declare function FitToolbarSearch({ "aria-label": label, value, defaultValue, onValueChange, minWidth, collapseOrder, icon, clearLabel, className, style, onKeyDown, disabled, placeholder: hint, ref, ...props }: FitToolbarSearchProps): import("react").JSX.Element;
-//#endregion
+export declare function FitToolbarSearch({ "aria-label": label, value, defaultValue, onValueChange, minWidth, collapseOrder, icon, clearLabel, className, style, onKeyDown, disabled, placeholder: hint, ref, ...props }: FitToolbarSearchProps): import("react").JSX.Element;

package/dist/components/fit-toolbar/fit-toolbar.mjs

@@ -1,18 +1,18 @@
 import { laidOutChildren } from "../../lib/laid-out-children.mjs";
+import { useAttachCount } from "../../lib/use-attach-count.mjs";
+import { useMergedRef } from "../../lib/use-merged-ref.mjs";
 import { Button } from "../button/button.mjs";
 import { ButtonSplit, ButtonSplitMain, ButtonSplitMenu } from "../button/button-split.mjs";
-import { useMergedRef } from "../../lib/use-merged-ref.mjs";
-import { ScrollArea } from "../scroll-area/scroll-area.mjs";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip/tooltip.mjs";
 import { InputGroup, InputGroupAddon, InputGroupInput } from "../input-group/input-group.mjs";
 import { PickerTriggerButton } from "../picker-trigger-button/picker-trigger-button.mjs";
-import { useAttachCount } from "../../lib/use-attach-count.mjs";
+import { ScrollArea } from "../scroll-area/scroll-area.mjs";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip/tooltip.mjs";
 import { fitToolbar } from "./fit-toolbar.recipe.mjs";
 import { ChevronDown, MoreHorizontal, Plus, Search, X } from "lucide-react";
 import { Fragment, cloneElement, createContext, useCallback, useContext, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Toolbar } from "@base-ui/react/toolbar";
-//#region src/components/fit-toolbar/fit-toolbar.tsx
+// src/components/fit-toolbar/fit-toolbar.tsx
 const NONE = {
 	items: /* @__PURE__ */ new Map(),
 	more: [],
@@ -1248,5 +1248,4 @@ function FitToolbarSearch({ "aria-label": label, value, defaultValue = "", onVal
 		]
 	});
 }
-//#endregion
 export { FIT_SEARCH_MAX_LEAST, FitToolbar, FitToolbarButton, FitToolbarGroup, FitToolbarMore, FitToolbarMoreItems, FitToolbarPicker, FitToolbarSearch, FitToolbarSplitButton, useFitItem, useFitMore, useInFitToolbar };

package/dist/components/fit-toolbar/fit-toolbar.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/fit-toolbar/fit-toolbar.recipe.ts
+// src/components/fit-toolbar/fit-toolbar.recipe.ts
 const fitToolbar = tv({
 	slots: {
 		root: [
@@ -59,5 +59,4 @@ const fitToolbar = tv({
 		} }
 	}
 });
-//#endregion
 export { fitToolbar };

package/dist/components/form-section/form-section.d.mts

@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/form-section/form-section.d.ts
 export type FormSectionProps = Omit<useRender.ComponentProps<"section">, "title"> & {
   title: ReactNode;
   /** Where this part stands (Complete, Optional, Off …): a quiet tag. */
@@ -12,5 +11,4 @@ export type FormSectionProps = Omit<useRender.ComponentProps<"section">, "title"
  * its status and a line on what it is for, then its fields. Consecutive
  * sections are separated by a hairline.
  */
-export declare function FormSection({ className, render, title, status, description, children, ...props }: FormSectionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function FormSection({ className, render, title, status, description, children, ...props }: FormSectionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/form-section/form-section.mjs

@@ -3,7 +3,7 @@ import { Badge } from "../badge/badge.mjs";
 import { Fragment, 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/form-section/form-section.tsx
+// src/components/form-section/form-section.tsx
 const formSection = tv({ slots: {
 	root: ["flex flex-col gap-(--field-gap) py-[calc(var(--section-gap)/2)] first:pt-0", "[[data-slot=form-section]+&]:border-t [[data-slot=form-section]+&]:border-line-hairline"],
 	head: ["flex min-w-0 flex-col", "gap-0.5"],
@@ -49,5 +49,4 @@ function FormSection({ className, render, title, status, description, children,
 		}, props)
 	});
 }
-//#endregion
 export { FormSection };