@botiverse/raft-ui 0.93.0 → 0.95.0

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 };

package/dist/components/task-list/task-list-section.recipe.mjs

@@ -1,5 +1,5 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/task-list/task-list-section.recipe.ts
+// src/components/task-list/task-list-section.recipe.ts
 const taskListSection = tv({ slots: {
 	root: ["stack-y-2"],
 	trigger: [
@@ -33,5 +33,4 @@ const taskListSection = tv({ slots: {
 		"text-center text-footnote text-foreground-hint"
 	]
 } });
-//#endregion
 export { taskListSection };

package/dist/components/task-list/task-list.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-list/task-list.d.ts
 export type TaskListRootProps = useRender.ComponentProps<"div">;
 export declare function TaskListRoot({ className, render, ...props }: TaskListRootProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type TaskSectionProps = Omit<ComponentProps<typeof Collapsible.Root>, "className"> & {
@@ -30,5 +29,4 @@ export declare function TaskSectionPanel({ className, ...props }: TaskSectionPan
 export type TaskSectionItemsProps = useRender.ComponentProps<"div">;
 export declare function TaskSectionItems({ className, render, ...props }: TaskSectionItemsProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type TaskSectionEmptyProps = useRender.ComponentProps<"div">;
-export declare function TaskSectionEmpty({ className, render, ...props }: TaskSectionEmptyProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function TaskSectionEmpty({ className, render, ...props }: TaskSectionEmptyProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

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

@@ -5,7 +5,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-list/task-list.tsx
+// src/components/task-list/task-list.tsx
 function TaskListRoot({ className, render, ...props }) {
 	const defaultProps = {
 		"data-slot": "task-list-root",
@@ -115,5 +115,4 @@ function TaskSectionEmpty({ className, render, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { TaskListRoot, TaskSection, TaskSectionBadge, TaskSectionChevron, TaskSectionCount, TaskSectionEmpty, TaskSectionHeading, TaskSectionItems, TaskSectionPanel, TaskSectionTrigger };

package/dist/components/tasks/task-chip.d.mts

@@ -1,6 +1,5 @@
 import { TaskStatusId } from "./task-status.recipe.mjs";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/tasks/task-chip.d.ts
 export type TaskChipVariant = "default" | "inline";
 export type TaskChipSize = "default" | "sm";
 export type TaskChipProps = useRender.ComponentProps<"span"> & {
@@ -10,5 +9,4 @@ export type TaskChipProps = useRender.ComponentProps<"span"> & {
   /** `sm` lines the chip up with an `sm` Badge in the same row. */
   size?: TaskChipSize;
 };
-export declare function TaskChip({ status, loading, variant, size, className, render, children, ...props }: TaskChipProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function TaskChip({ status, loading, variant, size, className, render, children, ...props }: TaskChipProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/tasks/task-chip.mjs

@@ -1,9 +1,9 @@
 import { cn } from "../../cn.mjs";
-import { tv } from "../../lib/tv.mjs";
 import { inlineChip } from "../../lib/inline-chip.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/tasks/task-chip.tsx
+// src/components/tasks/task-chip.tsx
 const taskChip = tv({
 	slots: { root: [
 		"inline-flex max-w-full items-center gap-1.5 align-baseline overflow-hidden px-2 py-0 [font-size:inherit] leading-[1.4] tracking-normal whitespace-nowrap",
@@ -79,5 +79,4 @@ function TaskChip({ status, loading = false, variant = "default", size = "defaul
 		}
 	});
 }
-//#endregion
 export { TaskChip };

package/dist/components/tasks/task-loading.d.mts

@@ -1,7 +1,5 @@
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/tasks/task-loading.d.ts
 export type TaskLoadingListProps = useRender.ComponentProps<"div">;
 export declare function TaskLoadingList({ className, render, ...props }: TaskLoadingListProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export type TaskLoadingRowProps = useRender.ComponentProps<"div">;
-export declare function TaskLoadingRow({ className, render, ...props }: TaskLoadingRowProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
+export declare function TaskLoadingRow({ className, render, ...props }: TaskLoadingRowProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/tasks/task-loading.mjs

@@ -1,7 +1,7 @@
 import { taskLoading } from "./task-loading.recipe.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/tasks/task-loading.tsx
+// src/components/tasks/task-loading.tsx
 function TaskLoadingList({ className, render, ...props }) {
 	const { list } = taskLoading();
 	const defaultProps = {
@@ -28,5 +28,4 @@ function TaskLoadingRow({ className, render, ...props }) {
 		props: mergeProps(defaultProps, props)
 	});
 }
-//#endregion
 export { TaskLoadingList, TaskLoadingRow };

package/dist/components/tasks/task-loading.recipe.mjs

@@ -1,8 +1,7 @@
 import { tv } from "../../lib/tv.mjs";
-//#region src/components/tasks/task-loading.recipe.ts
+// src/components/tasks/task-loading.recipe.ts
 const taskLoading = tv({ slots: {
 	list: ["flex flex-col gap-2"],
 	row: ["flex min-w-0 flex-col p-3", "gap-2 rounded-container border border-line-hairline bg-layer-card shadow-none"]
 } });
-//#endregion
 export { taskLoading };

package/dist/components/tasks/task-status-badge.d.mts

@@ -1,8 +1,7 @@
-import { TaskStatusId } from "./task-status.recipe.mjs";
 import { TaskChipSize } from "./task-chip.mjs";
+import { TaskStatusId } from "./task-status.recipe.mjs";
 import { ReactNode } from "react";
 import { useRender } from "@base-ui/react/use-render";
-//#region src/components/tasks/task-status-badge.d.ts
 export interface TaskStatusBadgeProps extends useRender.ComponentProps<"span"> {
   status: TaskStatusId;
   /** Badge text. The caller owns the copy (and its localization); Raft never
@@ -21,4 +20,4 @@ export interface TaskStatusBadgeProps extends useRender.ComponentProps<"span"> {
  */
 declare function TaskStatusBadgeRoot({ status, children, ...props }: TaskStatusBadgeProps): import("react").JSX.Element;
 export declare const TaskStatusBadge: typeof TaskStatusBadgeRoot;
-//#endregion
+export {};

package/dist/components/tasks/task-status-badge.mjs

@@ -1,7 +1,7 @@
-import { TaskStatusIcon } from "./task-status-icon.mjs";
 import { TaskChip } from "./task-chip.mjs";
+import { TaskStatusIcon } from "./task-status-icon.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/tasks/task-status-badge.tsx
+// src/components/tasks/task-status-badge.tsx
 /**
 * A task status with its label: the status icon + caller-provided text.
 *
@@ -20,5 +20,4 @@ function TaskStatusBadgeRoot({ status, children, ...props }) {
 	});
 }
 const TaskStatusBadge = Object.assign(TaskStatusBadgeRoot, {});
-//#endregion
 export { TaskStatusBadge };

package/dist/components/tasks/task-status-icon.d.mts

@@ -1,6 +1,5 @@
 import { TaskStatusId } from "./task-status.recipe.mjs";
 import { SVGProps } from "react";
-//#region src/components/tasks/task-status-icon.d.ts
 export declare function TaskBacklogIcon(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
 export declare function TaskTodoIcon(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
 export declare function TaskInProgressIcon(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
@@ -10,5 +9,4 @@ export declare function TaskClosedIcon(props: SVGProps<SVGSVGElement>): import("
 export declare function TaskStatusIcon({ status, className, ...props }: {
   status: TaskStatusId;
   className?: string;
-} & SVGProps<SVGSVGElement>): import("react").JSX.Element;
-//#endregion
+} & SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/components/tasks/task-status-icon.mjs

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-//#region src/components/tasks/task-status-icon.tsx
+// src/components/tasks/task-status-icon.tsx
 /** Raft draws every status as its pixel: a 10px square in the status colour
 *  with a 1.5px sticker-ink edge (2px outer radius), the size of every status
 *  light beside text (status.md#sizes). The square keeps its size
@@ -101,5 +101,4 @@ function TaskStatusIcon({ status, className, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { TaskBacklogIcon, TaskClosedIcon, TaskDoneIcon, TaskInProgressIcon, TaskInReviewIcon, TaskStatusIcon, TaskTodoIcon };