@botiverse/raft-ui 0.94.0 → 0.95.1

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

@@ -1,94 +1,7 @@
-import { VariantProps } from "../../lib/tv.mjs";
 import { Presence } from "../../lib/presence.mjs";
+import { VariantProps } from "../../lib/tv.mjs";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/status/status.d.ts
-declare const status: import("tailwind-variants/lite").TVReturnType<{
-  variant: {
-    default: {
-      root: string;
-    };
-    primary: {
-      root: string;
-    };
-    information: {
-      root: string;
-    };
-    muted: {
-      root: string;
-    };
-    accent: {
-      root: string;
-    };
-    success: {
-      root: string;
-    };
-    warning: {
-      root: string;
-    };
-    danger: {
-      root: string;
-    };
-  };
-  size: {
-    xs: {
-      root: string;
-    };
-    sm: {
-      root: string;
-    };
-    md: {
-      root: string;
-    };
-    lg: {
-      root: string;
-    };
-  };
-}, {
-  root: string[];
-}, undefined, {
-  variant: {
-    default: {
-      root: string;
-    };
-    primary: {
-      root: string;
-    };
-    information: {
-      root: string;
-    };
-    muted: {
-      root: string;
-    };
-    accent: {
-      root: string;
-    };
-    success: {
-      root: string;
-    };
-    warning: {
-      root: string;
-    };
-    danger: {
-      root: string;
-    };
-  };
-  size: {
-    xs: {
-      root: string;
-    };
-    sm: {
-      root: string;
-    };
-    md: {
-      root: string;
-    };
-    lg: {
-      root: string;
-    };
-  };
-}, {
-  root: string[];
-}, import("tailwind-variants/lite").TVReturnTypeLike<{
+declare const status: import("tailwind-variants/config").TVReturnType<{
   variant: {
     default: {
       root: string;
@@ -131,7 +44,7 @@ declare const status: import("tailwind-variants/lite").TVReturnType<{
   };
 }, {
   root: string[];
-}>>;
+}, undefined, undefined, undefined, undefined>;
 export type StatusProps = Omit<useRender.ComponentProps<"span">, "children"> & VariantProps<typeof status> & {
   /** A status light (online, busy, error, offline, external): a fixed
    *  meaning that needs its word nearby, or an aria-label. It takes the
@@ -140,4 +53,4 @@ export type StatusProps = Omit<useRender.ComponentProps<"span">, "children"> & V
 };
 declare function StatusRoot({ size, variant, presence, className, render, ...props }: StatusProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export declare const Status: typeof StatusRoot;
-//#endregion
+export {};

package/dist/components/status/status.mjs

@@ -1,9 +1,9 @@
 import { cn } from "../../cn.mjs";
-import { tv } from "../../lib/tv.mjs";
 import { PRESENCE_COLOR } from "../../lib/presence.mjs";
+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/status/status.tsx
+// src/components/status/status.tsx
 const status = tv({
 	slots: { root: [
 		"relative inline-block shrink-0",
@@ -52,5 +52,4 @@ function StatusRoot({ size, variant, presence, className, render, ...props }) {
 	});
 }
 const Status = StatusRoot;
-//#endregion
 export { Status };

package/dist/components/steps/otter-animation-visibility.mjs

@@ -1,4 +1,4 @@
-//#region src/components/steps/otter-animation-visibility.ts
+// src/components/steps/otter-animation-visibility.ts
 /** One observer/listener per document, regardless of the number of illustrations. */
 const documents = /* @__PURE__ */ new WeakMap();
 function observeOtterAnimation(node) {
@@ -41,5 +41,4 @@ function observeOtterAnimation(node) {
 	}
 	return manager.observe(node);
 }
-//#endregion
 export { observeOtterAnimation };

package/dist/components/steps/otter-indicator.d.mts

@@ -1,6 +1,5 @@
 import { StepStatus } from "./steps.mjs";
 import { ComponentPropsWithRef } from "react";
-//#region src/components/steps/otter-indicator.d.ts
 export interface OtterIndicatorProps extends Omit<ComponentPropsWithRef<"svg">, "children"> {
   status: StepStatus;
 }
@@ -10,5 +9,4 @@ export interface OtterIndicatorProps extends Omit<ComponentPropsWithRef<"svg">,
  * Reduced motion shows a still pose. Give it an explicit square box, 40px or larger.
  * Decorative by default; the consumer supplies the nearby status text.
  */
-export declare function OtterIndicator({ status, className, ref, ...props }: OtterIndicatorProps): import("react").JSX.Element;
-//#endregion
+export declare function OtterIndicator({ status, className, ref, ...props }: OtterIndicatorProps): import("react").JSX.Element;

package/dist/components/steps/otter-indicator.mjs

@@ -3,7 +3,7 @@ import { useMergedRef } from "../../lib/use-merged-ref.mjs";
 import { observeOtterAnimation } from "./otter-animation-visibility.mjs";
 import { useEffect, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/steps/otter-indicator.tsx
+// src/components/steps/otter-indicator.tsx
 /**
 * Ottie resting, quietly typing, tilting its head or celebrating.
 * Wait/process loop only while visible. Error/finish play once on entry.
@@ -51,5 +51,4 @@ function OtterIndicator({ status, className, ref, ...props }) {
 		})]
 	});
 }
-//#endregion
 export { OtterIndicator };

package/dist/components/steps/steps.d.mts

@@ -1,5 +1,4 @@
 import { ComponentPropsWithRef, ReactNode } from "react";
-//#region src/components/steps/steps.d.ts
 /** `wait` is ahead, `process` is in progress, `finish` is done and `error` failed. */
 export type StepStatus = "process" | "finish" | "error" | "wait";
 export interface StepsProps extends Omit<ComponentPropsWithRef<"ol">, "onChange"> {
@@ -46,5 +45,4 @@ export interface StepProps extends Omit<ComponentPropsWithRef<"li">, "title"> {
  */
 export declare function Steps({ current: currentProp, defaultCurrent, status, vertical, finishIcon, errorIcon, finishLabel, errorLabel, onUpdateCurrent, className, children, ref, ...props }: StepsProps): import("react").JSX.Element;
 /** One step in `Steps`: a numbered marker, a title and a description. */
-export declare function Step({ title, description, status: statusProp, icon, disabled, className, children, ...props }: StepProps): import("react").JSX.Element;
-//#endregion
+export declare function Step({ title, description, status: statusProp, icon, disabled, className, children, ...props }: StepProps): import("react").JSX.Element;

package/dist/components/steps/steps.mjs

@@ -1,7 +1,7 @@
 import { cn } from "../../cn.mjs";
 import { Children, createContext, isValidElement, use, useCallback, useId, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/steps/steps.tsx
+// src/components/steps/steps.tsx
 const StepsContext = createContext({
 	current: void 0,
 	status: "process",
@@ -170,5 +170,4 @@ function Step({ title, description, status: statusProp, icon, disabled = false,
 		})]
 	});
 }
-//#endregion
 export { Step, Steps };

package/dist/components/switch/switch.d.mts

@@ -1,9 +1,7 @@
 import { StyledProps } from "../../lib/styled-props.mjs";
 import { Switch } from "@base-ui/react/switch";
-//#region src/components/switch/switch.d.ts
 export type SwitchProps = StyledProps<Switch.Root.Props>;
 declare function Switch$1({ className, children, ...props }: SwitchProps): import("react").JSX.Element;
 export type SwitchThumbProps = StyledProps<Switch.Thumb.Props>;
 export declare function SwitchThumb({ className, ...props }: SwitchThumbProps): import("react").JSX.Element;
-//#endregion
 export { Switch$1 as Switch };

package/dist/components/switch/switch.mjs

@@ -1,7 +1,7 @@
 import { tv } from "../../lib/tv.mjs";
 import { jsx } from "react/jsx-runtime";
 import { Switch } from "@base-ui/react/switch";
-//#region src/components/switch/switch.tsx
+// src/components/switch/switch.tsx
 const switchRecipe = tv({ slots: {
 	root: [
 		"relative inline-flex shrink-0 touch-manipulation items-center outline-none",
@@ -46,5 +46,4 @@ function SwitchThumb({ className, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { Switch$1 as Switch, SwitchThumb };

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

@@ -1,7 +1,6 @@
 import { ComponentProps } from "react";
 import { useRender } from "@base-ui/react/use-render";
 import { Collapsible } from "@base-ui/react/collapsible";
-//#region src/components/system-message/system-message.d.ts
 export type SystemMessageProps = useRender.ComponentProps<"div">;
 export declare function SystemMessage({ className, render, ...props }: SystemMessageProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type SystemMessageTimeProps = useRender.ComponentProps<"span">;
@@ -23,5 +22,4 @@ export declare function SystemMessageGroupChevron({ className, render, ...props
 export type SystemMessageGroupPanelProps = Omit<ComponentProps<typeof Collapsible.Panel>, "className"> & {
   className?: string;
 };
-export declare function SystemMessageGroupPanel({ className, render, ...props }: SystemMessageGroupPanelProps): import("react").JSX.Element;
-//#endregion
+export declare function SystemMessageGroupPanel({ className, render, ...props }: SystemMessageGroupPanelProps): import("react").JSX.Element;

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

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { Collapsible } from "@base-ui/react/collapsible";
-//#region src/components/system-message/system-message.tsx
+// src/components/system-message/system-message.tsx
 function SystemMessage({ className, render, ...props }) {
 	const { systemRoot } = messageSystem();
 	const defaultProps = { className: systemRoot({ className }) };
@@ -109,5 +109,4 @@ function SystemMessageGroupPanel({ className, render, ...props }) {
 		...mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { SystemMessage, SystemMessageContent, SystemMessageGroup, SystemMessageGroupChevron, SystemMessageGroupDisclosure, SystemMessageGroupHeader, SystemMessageGroupPanel, SystemMessageGroupSummary, SystemMessageTime };

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

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/system-message/system-message.recipe.ts
+// src/components/system-message/system-message.recipe.ts
 const messageSystem = tv({ slots: {
 	systemRoot: [
 		"flex min-w-0 items-center justify-center",
@@ -30,5 +30,4 @@ const messageSystem = tv({ slots: {
 	systemGroupSummary: ["truncate"],
 	systemGroupChevron: ["size-3 shrink-0 rotate-90 transition-transform", "text-foreground-hint"]
 } });
-//#endregion
 export { messageSystem };

package/dist/components/table/table.d.mts

@@ -1,6 +1,5 @@
 import { StyledProps } from "../../lib/styled-props.mjs";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/table/table.d.ts
 type TableProps = StyledProps<useRender.ComponentProps<"table">>;
 type TableHeaderProps = StyledProps<useRender.ComponentProps<"thead">>;
 type TableBodyProps = StyledProps<useRender.ComponentProps<"tbody">>;
@@ -110,5 +109,4 @@ export declare function TableCaption({ className, render, ...props }: TableCapti
 /** Column-width declarations: pair with `<Table className="table-fixed">`. */
 export declare function TableColgroup({ className, render, ...props }: TableColgroupProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export declare function TableColumn({ className, render, ...props }: TableColumnProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
 export type { TableBodyProps, TableCaptionProps, TableCellProps, TableColgroupProps, TableColumnProps, TableHeadProps, TableHeaderProps, TableProps, TableRowProps, TableSort, TableSortButtonProps, TableSortableHeadProps };

package/dist/components/table/table.mjs

@@ -4,7 +4,7 @@ import { useEffect, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/table/table.tsx
+// src/components/table/table.tsx
 /**
 * Native `<table>` semantics with the kit's chrome: render real
 * table/thead/tbody/tr/th/td elements (useRender passthrough), so `scope`,
@@ -204,5 +204,4 @@ function TableColumn({ className, render, ...props }) {
 		state: { slot: "table-column" }
 	});
 }
-//#endregion
 export { Table, TableBody, TableCaption, TableCell, TableColgroup, TableColumn, TableHead, TableHeader, TableRow, TableSortButton, TableSortableHead };

package/dist/components/table/table.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/table/table.recipe.ts
+// src/components/table/table.recipe.ts
 const sortButtonInteraction = [
 	"cursor-pointer rounded-sticker",
 	"hover:text-foreground",
@@ -69,5 +69,4 @@ const table = tv({
 		}
 	}
 });
-//#endregion
 export { table };

package/dist/components/tabs/tabs.d.mts

@@ -1,92 +1,9 @@
-import { StyledProps } from "../../lib/styled-props.mjs";
-import { VariantProps } from "../../lib/tv.mjs";
 import { DragMessages } from "../drag/drag-announcements.mjs";
+import { VariantProps } from "../../lib/tv.mjs";
+import { StyledProps } from "../../lib/styled-props.mjs";
 import { ComponentPropsWithRef } from "react";
 import { Tabs } from "@base-ui/react/tabs";
-//#region src/components/tabs/tabs.d.ts
-declare const tabs: import("tailwind-variants/lite").TVReturnType<{
-  variant: {
-    default: {
-      list: string[];
-      tab: string[];
-    };
-    underline: {
-      list: string[];
-      tab: string[];
-    };
-  };
-  placement: {
-    top: {
-      list: string[];
-    };
-    bottom: {
-      root: string;
-      list: string[];
-    };
-    left: {
-      root: string;
-      panel: string;
-      list: string[];
-      tab: string[];
-    };
-    right: {
-      root: string;
-      list: string[];
-      panel: string;
-      tab: string[];
-    };
-  };
-}, {
-  root: string[];
-  list: string[];
-  background: string[];
-  tab: string[];
-  content: string[];
-  label: string[];
-  panel: string[];
-  indicator: string[];
-}, undefined, {
-  variant: {
-    default: {
-      list: string[];
-      tab: string[];
-    };
-    underline: {
-      list: string[];
-      tab: string[];
-    };
-  };
-  placement: {
-    top: {
-      list: string[];
-    };
-    bottom: {
-      root: string;
-      list: string[];
-    };
-    left: {
-      root: string;
-      panel: string;
-      list: string[];
-      tab: string[];
-    };
-    right: {
-      root: string;
-      list: string[];
-      panel: string;
-      tab: string[];
-    };
-  };
-}, {
-  root: string[];
-  list: string[];
-  background: string[];
-  tab: string[];
-  content: string[];
-  label: string[];
-  panel: string[];
-  indicator: string[];
-}, import("tailwind-variants/lite").TVReturnTypeLike<{
+declare const tabs: import("tailwind-variants/config").TVReturnType<{
   variant: {
     default: {
       list: string[];
@@ -127,7 +44,7 @@ declare const tabs: import("tailwind-variants/lite").TVReturnType<{
   label: string[];
   panel: string[];
   indicator: string[];
-}>>;
+}, undefined, undefined, undefined, undefined>;
 /** Exported for the merge-contract test. */
 export type TabsPlacement = "top" | "bottom" | "left" | "right";
 type TabsListVariant = "default" | "underline";
@@ -181,5 +98,4 @@ export type OrderedTabItem<T extends string = string> = {
   id: T;
 };
 export declare function useOrderedTabs<T extends OrderedTabItem<string>>(items: readonly T[], storedOrder: readonly string[]): T[];
-//#endregion
 export { Tabs$1 as Tabs };

package/dist/components/tabs/tabs.mjs

@@ -1,16 +1,16 @@
-import { tv } from "../../lib/tv.mjs";
-import { useMergedRef } from "../../lib/use-merged-ref.mjs";
-import { useTapActivation } from "../../lib/tap-activation.mjs";
-import { createDragAnnouncements, dragInstructions } from "../drag/drag-announcements.mjs";
 import { DragLift, useDragSiblingTransition } from "../drag/drag-lift.mjs";
+import { createDragAnnouncements, dragInstructions } from "../drag/drag-announcements.mjs";
 import { useDragSensors } from "../drag/drag-sensors.mjs";
 import { DropPlaceholder } from "../drag/drop-placeholder.mjs";
+import { tv } from "../../lib/tv.mjs";
+import { useTapActivation } from "../../lib/tap-activation.mjs";
+import { useMergedRef } from "../../lib/use-merged-ref.mjs";
 import { createContext, use, useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DndContext, closestCenter } from "@dnd-kit/core";
 import { SortableContext, arrayMove, horizontalListSortingStrategy, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { Tabs } from "@base-ui/react/tabs";
-//#region src/components/tabs/tabs.tsx
+// src/components/tabs/tabs.tsx
 const tabs = tv({
 	slots: {
 		root: ["w-full"],
@@ -523,5 +523,4 @@ function reconcileTabOrder(items, order) {
 	}
 	return next;
 }
-//#endregion
 export { SortableTabsList, SortableTabsTab, Tabs$1 as Tabs, TabsLabel, TabsList, TabsPanel, TabsTab, useOrderedTabs };

package/dist/components/task-board/task-board-column.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/task-board/task-board-column.recipe.ts
+// src/components/task-board/task-board-column.recipe.ts
 const taskBoardColumn = tv({ slots: {
 	root: [
 		"group flex shrink-0 self-start flex-col",
@@ -42,5 +42,4 @@ const taskBoardColumn = tv({ slots: {
 	emptyAllowed: ["hidden group-data-[drop-state=allowed]:block"],
 	emptyBlocked: ["hidden group-data-[drop-state=blocked]:block"]
 } });
-//#endregion
 export { taskBoardColumn };

package/dist/components/task-board/task-board.d.mts

@@ -2,7 +2,6 @@ import { TaskStatusId } from "../tasks/task-status.recipe.mjs";
 import { ComponentProps } from "react";
 import { useRender } from "@base-ui/react/use-render";
 import { Collapsible } from "@base-ui/react/collapsible";
-//#region src/components/task-board/task-board.d.ts
 export type TaskBoardRootProps = useRender.ComponentProps<"div">;
 export declare function TaskBoardRoot({ className, render, ...props }: TaskBoardRootProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type TaskBoardColumnProps = Omit<ComponentProps<typeof Collapsible.Root>, "className"> & {
@@ -41,5 +40,4 @@ export declare function TaskBoardColumnEmptyIdle({ className, render, ...props }
 export type TaskBoardColumnEmptyAllowedProps = useRender.ComponentProps<"span">;
 export declare function TaskBoardColumnEmptyAllowed({ className, render, ...props }: TaskBoardColumnEmptyAllowedProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type TaskBoardColumnEmptyBlockedProps = useRender.ComponentProps<"span">;
-export declare function TaskBoardColumnEmptyBlocked({ className, render, ...props }: TaskBoardColumnEmptyBlockedProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function TaskBoardColumnEmptyBlocked({ className, render, ...props }: TaskBoardColumnEmptyBlockedProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/task-board/task-board.mjs

@@ -6,7 +6,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { Collapsible } from "@base-ui/react/collapsible";
-//#region src/components/task-board/task-board.tsx
+// src/components/task-board/task-board.tsx
 function TaskBoardRoot({ className, render, ...props }) {
 	const defaultProps = {
 		"data-slot": "task-board-root",
@@ -158,5 +158,4 @@ function TaskBoardColumnEmptyBlocked({ className, render, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { TaskBoardColumn, TaskBoardColumnBadge, TaskBoardColumnChevron, TaskBoardColumnCount, TaskBoardColumnEmpty, TaskBoardColumnEmptyAllowed, TaskBoardColumnEmptyBlocked, TaskBoardColumnEmptyIdle, TaskBoardColumnHeading, TaskBoardColumnItems, TaskBoardColumnPanel, TaskBoardColumnTrigger, TaskBoardRoot };

package/dist/components/task-card/task-card-status.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/task-card/task-card-status.recipe.ts
+// src/components/task-card/task-card-status.recipe.ts
 const taskCardStatus = tv({ base: [
 	"inline-flex min-w-0 shrink-0 touch-manipulation items-center",
 	"transition-[filter,opacity] duration-100 outline-none",
@@ -13,5 +13,4 @@ const taskCardStatus = tv({ base: [
 	"disabled:cursor-default disabled:opacity-100",
 	"focus-visible:shadow-focus"
 ] });
-//#endregion
 export { taskCardStatus };

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

@@ -1,6 +1,5 @@
 import { TaskStatusId } from "../tasks/task-status.recipe.mjs";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/task-card/task-card.d.ts
 export type TaskCardProps = useRender.ComponentProps<"article"> & {
   busy?: boolean;
   disabled?: boolean;
@@ -26,5 +25,4 @@ export type TaskCardStatusProps = useRender.ComponentProps<"button"> & {
   busy?: boolean;
   status: TaskStatusId;
 };
-export declare function TaskCardStatus({ busy, status, className, render, children, ...props }: TaskCardStatusProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function TaskCardStatus({ busy, status, className, render, children, ...props }: TaskCardStatusProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

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

@@ -1,12 +1,12 @@
 import { cn } from "../../cn.mjs";
-import { TaskStatusIcon } from "../tasks/task-status-icon.mjs";
 import { taskStatusSoft } from "../tasks/task-status.recipe.mjs";
+import { TaskStatusIcon } from "../tasks/task-status-icon.mjs";
 import { taskCardStatus } from "./task-card-status.recipe.mjs";
 import { taskCard } from "./task-card.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/task-card/task-card.tsx
+// src/components/task-card/task-card.tsx
 function TaskCard({ busy = false, disabled = false, className, render, ...props }) {
 	const { root } = taskCard();
 	const interactive = props.onClick != null;
@@ -137,5 +137,4 @@ function TaskCardStatus({ busy = false, status, className, render, children, ...
 		props: mergeProps(defaultProps, props, { children: resolvedChildren })
 	});
 }
-//#endregion
 export { TaskCard, TaskCardBody, TaskCardChannel, TaskCardDescription, TaskCardLegacy, TaskCardMeta, TaskCardNumber, TaskCardRow, TaskCardStatus, TaskCardTitle };

package/dist/components/task-card/task-card.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/task-card/task-card.recipe.ts
+// src/components/task-card/task-card.recipe.ts
 const taskCard = tv({ slots: {
 	root: [
 		"relative w-full text-left",
@@ -35,5 +35,4 @@ const taskCard = tv({ slots: {
 		"in-data-[disabled=true]:text-foreground-disabled"
 	]
 } });
-//#endregion
 export { taskCard };

package/dist/components/task-completion-control/task-completion-control.d.mts

@@ -1,5 +1,4 @@
 import { ComponentPropsWithRef, MouseEvent } from "react";
-//#region src/components/task-completion-control/task-completion-control.d.ts
 type TaskCompletionControlName = {
   /** The task, by number and title: "#25 Fix onboarding copy". It stays the
    *  same when the task is completed or reopened. */
@@ -37,4 +36,4 @@ export type TaskCompletionControlProps = Omit<ComponentPropsWithRef<"button">, "
  * nothing, as on any checkbox.
  */
 export declare function TaskCompletionControl({ checked, onCheckedChange, disabled, className, onClick, onKeyDown, ...props }: TaskCompletionControlProps): import("react").JSX.Element;
-//#endregion
+export {};

package/dist/components/task-completion-control/task-completion-control.mjs

@@ -1,7 +1,7 @@
 import { tv } from "../../lib/tv.mjs";
 import { CheckboxIndicator } from "../checkbox/checkbox-indicator.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/task-completion-control/task-completion-control.tsx
+// src/components/task-completion-control/task-completion-control.tsx
 const taskCompletionControl = tv({
 	slots: {
 		root: [
@@ -67,5 +67,4 @@ function TaskCompletionControl({ checked, onCheckedChange, disabled = false, cla
 		})
 	});
 }
-//#endregion
 export { TaskCompletionControl };

package/dist/components/task-dnd/task-dnd.d.mts

@@ -2,7 +2,6 @@ import { DragAnnouncementSource, DragMessages } from "../drag/drag-announcements
 import { ComponentPropsWithRef, ReactNode } from "react";
 import { useRender } from "@base-ui/react/use-render";
 import { DndContextProps, DragCancelEvent, DragEndEvent, DragMoveEvent, DragOverEvent, DragStartEvent, UniqueIdentifier } from "@dnd-kit/core";
-//#region src/components/task-dnd/task-dnd.d.ts
 export type TaskDropState = "idle" | "allowed" | "blocked";
 export type TaskDropPlacement = "before" | "after";
 export type TaskDropData = Record<string, unknown>;
@@ -84,5 +83,4 @@ export type TaskDragOverlayProps = {
  * cancel back home. While it is rendered, the dragged card stays in its place
  * at 40% instead of moving.
  */
-export declare function TaskDragOverlay({ children, className, container }: TaskDragOverlayProps): import("react").JSX.Element;
-//#endregion
+export declare function TaskDragOverlay({ children, className, container }: TaskDragOverlayProps): import("react").JSX.Element;

package/dist/components/task-dnd/task-dnd.mjs

@@ -1,8 +1,8 @@
 "use client";
-import { SILENT_DRAG_ANNOUNCEMENTS, createDragAnnouncements, dragInstructions } from "../drag/drag-announcements.mjs";
-import { drag } from "../drag/drag.recipe.mjs";
 import { DragLift } from "../drag/drag-lift.mjs";
+import { SILENT_DRAG_ANNOUNCEMENTS, createDragAnnouncements, dragInstructions } from "../drag/drag-announcements.mjs";
 import { useDragSensors } from "../drag/drag-sensors.mjs";
+import { drag } from "../drag/drag.recipe.mjs";
 import { taskDnd } from "./task-dnd.recipe.mjs";
 import { createContext, use, useCallback, useEffect, useId, useMemo, useState, useSyncExternalStore } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -10,7 +10,7 @@ import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { DndContext, KeyboardCode, closestCorners, getFirstCollision, useDraggable, useDroppable } from "@dnd-kit/core";
 import { CSS } from "@dnd-kit/utilities";
-//#region src/components/task-dnd/task-dnd.tsx
+// src/components/task-dnd/task-dnd.tsx
 const TaskDndContext = createContext(null);
 const EMPTY_OVER_SNAPSHOT = {
 	overId: null,
@@ -338,5 +338,4 @@ function createTaskDndOverStore() {
 		}
 	};
 }
-//#endregion
 export { TaskDndProvider, TaskDragOverlay, TaskDraggable, TaskDropPlaceholder, TaskDropZone };

package/dist/components/task-dnd/task-dnd.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/task-dnd/task-dnd.recipe.ts
+// src/components/task-dnd/task-dnd.recipe.ts
 const taskDnd = tv({ slots: {
 	draggable: [
 		"group/task-draggable relative isolate cursor-grab touch-manipulation select-none [-webkit-touch-callout:none] active:cursor-grabbing",
@@ -16,5 +16,4 @@ const taskDnd = tv({ slots: {
 		"data-[drop-state=allowed]:block"
 	]
 } });
-//#endregion
 export { taskDnd };