@stll/ui 0.65.1 → 0.67.0

package/dist/inspector/dock.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/inspector/dock.d.ts
 /**
  * Docked inspector pane: an in-flow spacer plus a fixed overlay.
  *
@@ -61,5 +60,4 @@ type InspectorDockProps = {
   width: number;
 };
 export declare const InspectorDock: ({ children, className, mount, onResetWidth, rail, resizeHandleLabel, resizeHandleProps, showPaneContent, width }: InspectorDockProps) => import("react").JSX.Element;
-//#endregion
 export {};

package/dist/inspector/dock.js

@@ -1,9 +1,9 @@
 import { EllipsisIcon } from "../icons.js";
-import { cn } from "../lib/utils.js";
 import { SHELL_CHROME_LAYER_CLASS_NAME } from "../lib/overlay-layer.js";
+import { cn } from "../lib/utils.js";
 import "./pane-width.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/inspector/dock.tsx
+// src/inspector/dock.tsx
 const PANE_LAYER_CLASS_NAME = {
 	content: SHELL_CHROME_LAYER_CLASS_NAME,
 	"shell-end": "z-10"
@@ -51,5 +51,4 @@ const InspectorDock = ({ children, className, mount = "shell-end", onResetWidth,
 		})]
 	});
 };
-//#endregion
 export { InspectorDock };

package/dist/inspector/entity-tab.d.ts

@@ -1,5 +1,4 @@
 import { ComponentProps, ReactNode } from "react";
-//#region src/inspector/entity-tab.d.ts
 /**
  * One rail tab for an open entity: a bordered `InspectorRailTab` cell
  * showing the active tab's icon, with a tooltip carrying the full label.
@@ -63,5 +62,4 @@ export type InspectorEntityTabProps = {
  * is `".gi"`, not `""`.
  */
 export declare const entityTabGlyph: (name: string, length?: number) => string;
-//#endregion
 export {};

package/dist/inspector/entity-tab.js

@@ -1,10 +1,10 @@
-import { cn } from "../lib/utils.js";
 import { Tooltip, TooltipContent as TooltipPopup, TooltipTrigger } from "../components/tooltip.js";
-import { InspectorRailTab } from "./chrome.js";
 import { containedEventHandler } from "../hooks/use-contained-handler.js";
+import { cn } from "../lib/utils.js";
+import { InspectorRailTab } from "./chrome.js";
 import { resolveEntityTabActivateHandler, resolveEntityTabCloseHandler } from "./entity-tab.logic.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/inspector/entity-tab.tsx
+// src/inspector/entity-tab.tsx
 /**
 * One rail tab for an open entity: a bordered `InspectorRailTab` cell
 * showing the active tab's icon, with a tooltip carrying the full label.
@@ -51,5 +51,4 @@ const entityTabGlyph = (name, length = 3) => {
 	const dot = rest.lastIndexOf(".");
 	return (leadingDot + (dot === -1 ? rest : rest.slice(0, dot))).slice(0, length);
 };
-//#endregion
 export { InspectorEntityTab, entityTabGlyph };

package/dist/inspector/entity-tab.logic.d.ts

@@ -1,4 +1,3 @@
-//#region src/inspector/entity-tab.logic.d.ts
 /**
  * Pure activation/close-gesture policy for `InspectorEntityTab`, kept out
  * of the component so it's unit-testable without a DOM: each function
@@ -23,5 +22,4 @@ export declare const resolveEntityTabCloseHandler: (button: number, onClose: (()
  * callable handler to hand to `containedEventHandler` regardless of
  * whether the host cares about selection.
  */
-export declare const resolveEntityTabActivateHandler: (onSelect: (() => void) | undefined) => (() => void);
-//#endregion
+export declare const resolveEntityTabActivateHandler: (onSelect: (() => void) | undefined) => (() => void);

package/dist/inspector/entity-tab.logic.js

@@ -1,4 +1,4 @@
-//#region src/inspector/entity-tab.logic.ts
+// src/inspector/entity-tab.logic.ts
 /**
 * Pure activation/close-gesture policy for `InspectorEntityTab`, kept out
 * of the component so it's unit-testable without a DOM: each function
@@ -28,5 +28,4 @@ const resolveEntityTabCloseHandler = (button, onClose) => isEntityTabCloseGestur
 */
 const resolveEntityTabActivateHandler = (onSelect) => onSelect ?? entityTabNoop;
 const entityTabNoop = () => void 0;
-//#endregion
 export { isEntityTabCloseGesture, resolveEntityTabActivateHandler, resolveEntityTabCloseHandler };

package/dist/inspector/facet-bar.d.ts

@@ -1,4 +1,3 @@
-//#region src/inspector/facet-bar.d.ts
 export type InspectorFacetBarProps<F extends string> = {
   facet: F;
   facets: readonly F[];
@@ -41,5 +40,4 @@ export type InspectorFacetBarProps<F extends string> = {
  * — except at the narrowest widths, where not even the active chip fits
  * beside the trigger; see `resolveFacetOverflow`'s narrow-width floor.
  */
-export declare const InspectorFacetBar: <F extends string>({ facet, facets, labels, disabledFacets, pulseSeq, activeBadge, overflowMenuLabel, onChange }: InspectorFacetBarProps<F>) => import("react").JSX.Element;
-//#endregion
+export declare const InspectorFacetBar: <F extends string>({ facet, facets, labels, disabledFacets, pulseSeq, activeBadge, overflowMenuLabel, onChange }: InspectorFacetBarProps<F>) => import("react").JSX.Element;

package/dist/inspector/facet-bar.js

@@ -1,13 +1,13 @@
-import { ChevronDownIcon } from "../icons.js";
-import { cn } from "../lib/utils.js";
-import { TOOLBAR_ROW_HEIGHT } from "./layout-tokens.js";
-import { Tooltip, TooltipContent as TooltipPopup, TooltipTrigger } from "../components/tooltip.js";
 import { Button } from "../components/button.js";
 import { DropdownMenu as Menu, DropdownMenuContent as MenuPopup, DropdownMenuItem as MenuItem, DropdownMenuTrigger as MenuTrigger } from "../components/menu.js";
+import { Tooltip, TooltipContent as TooltipPopup, TooltipTrigger } from "../components/tooltip.js";
+import { ChevronDownIcon } from "../icons.js";
+import { cn } from "../lib/utils.js";
 import { resolveFacetOverflow } from "./facet-bar.logic.js";
+import { TOOLBAR_ROW_HEIGHT } from "./layout-tokens.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-//#region src/inspector/facet-bar.tsx
+// src/inspector/facet-bar.tsx
 /**
 * Inspector subtab row: a single line of pill chips at toolbar-row
 * height. Presentational and facet-agnostic — every inspector tab
@@ -176,5 +176,4 @@ const FacetChip = ({ label, value, isActive, disabled, activeBadge, onSelect })
 	}),
 	children: label
 }), /* @__PURE__ */ jsx(TooltipPopup, { children: isActive && activeBadge !== void 0 ? `${label} · ${activeBadge}` : label })] });
-//#endregion
 export { InspectorFacetBar };

package/dist/inspector/facet-bar.logic.d.ts

@@ -1,4 +1,3 @@
-//#region src/inspector/facet-bar.logic.d.ts
 /**
  * Pure overflow policy for `InspectorFacetBar`: given the row's available
  * width and each chip's natural (measured) width, decides how many chips
@@ -46,5 +45,4 @@ export type FacetOverflowPolicy = {
  * active one, still reaches through the overflow menu, and the trigger
  * itself always stays on screen.
  */
-export declare const resolveFacetOverflow: ({ availableWidth, chipWidths, activeIndex, triggerWidth, gap }: FacetOverflowInput) => FacetOverflowPolicy;
-//#endregion
+export declare const resolveFacetOverflow: ({ availableWidth, chipWidths, activeIndex, triggerWidth, gap }: FacetOverflowInput) => FacetOverflowPolicy;

package/dist/inspector/facet-bar.logic.js

@@ -1,4 +1,4 @@
-//#region src/inspector/facet-bar.logic.ts
+// src/inspector/facet-bar.logic.ts
 const sumWithGaps = (widths, gap) => widths.reduce((sum, width, index) => sum + width + (index > 0 ? gap : 0), 0);
 /**
 * Decides the facet row's visible/overflow split.
@@ -49,5 +49,4 @@ const resolveFacetOverflow = ({ availableWidth, chipWidths, activeIndex, trigger
 		showOverflowTrigger: true
 	};
 };
-//#endregion
 export { resolveFacetOverflow };

package/dist/inspector/index.js

@@ -1,8 +1,8 @@
-import { PROPERTY_ROW_GRID, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX } from "./layout-tokens.js";
 import { Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorEmptyRow, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle } from "./chrome.js";
-import { INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, shouldForceSidebarCollapsed } from "./pane-width.js";
 import { InspectorDock } from "./dock.js";
 import { InspectorEntityTab, entityTabGlyph } from "./entity-tab.js";
 import { InspectorFacetBar } from "./facet-bar.js";
+import { PROPERTY_ROW_GRID, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX } from "./layout-tokens.js";
+import { INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, shouldForceSidebarCollapsed } from "./pane-width.js";
 import { INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, resolveDragWidth, resolveKeyboardWidth, useInspectorPaneWidth } from "./use-pane-width.js";
 export { INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, Inspector, InspectorActions, InspectorContent, InspectorDescription, InspectorDock, InspectorEmptyRow, InspectorEntityTab, InspectorFacetBar, InspectorHeader, InspectorHeaderText, InspectorProperty, InspectorPropertyLabel, InspectorPropertyList, InspectorPropertyValue, InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton, InspectorRailTab, InspectorSection, InspectorSectionTitle, InspectorTitle, PROPERTY_ROW_GRID, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX, entityTabGlyph, resolveDragWidth, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, resolveKeyboardWidth, shouldForceSidebarCollapsed, useInspectorPaneWidth };

package/dist/inspector/layout-tokens.d.ts

@@ -1,4 +1,3 @@
-//#region src/inspector/layout-tokens.d.ts
 /**
  * Layout constants the inspector chrome is built from.
  *
@@ -27,5 +26,4 @@ export declare const SIDE_RAIL_CONTAINER_CLASS: "bg-sidebar flex shrink-0 flex-c
 export declare const SIDE_RAIL_ICON_BUTTON_SIZE: "size-11";
 export declare const SIDE_RAIL_TAB_ICON_SIZE: "size-3.5";
 /** Two-column grid the key/value rows share. */
-export declare const PROPERTY_ROW_GRID: "grid-cols-[8rem_minmax(0,1fr)]";
-//#endregion
+export declare const PROPERTY_ROW_GRID: "grid-cols-[8rem_minmax(0,1fr)]";

package/dist/inspector/layout-tokens.js

@@ -1,4 +1,4 @@
-//#region src/inspector/layout-tokens.ts
+// src/inspector/layout-tokens.ts
 /**
 * Layout constants the inspector chrome is built from.
 *
@@ -28,5 +28,4 @@ const SIDE_RAIL_ICON_BUTTON_SIZE = "size-11";
 const SIDE_RAIL_TAB_ICON_SIZE = "size-3.5";
 /** Two-column grid the key/value rows share. */
 const PROPERTY_ROW_GRID = "grid-cols-[8rem_minmax(0,1fr)]";
-//#endregion
 export { PROPERTY_ROW_GRID, SIDE_RAIL_CONTAINER_CLASS, SIDE_RAIL_ICON_BUTTON_SIZE, SIDE_RAIL_TAB_ICON_SIZE, SIDE_RAIL_WIDTH, TOOLBAR_ROW_HEIGHT, TOOLBAR_ROW_HEIGHT_PX };

package/dist/inspector/pane-width.d.ts

@@ -1,4 +1,3 @@
-//#region src/inspector/pane-width.d.ts
 /**
  * Width arithmetic for a docked inspector pane.
  *
@@ -84,5 +83,4 @@ export declare const resolveInspectorDockWidth: ({ paneWidth, showPaneContent }:
   paneWidth: number;
   showPaneContent: boolean;
 }) => number;
-//#endregion
 export {};

package/dist/inspector/pane-width.js

@@ -1,4 +1,4 @@
-//#region src/inspector/pane-width.ts
+// src/inspector/pane-width.ts
 /**
 * Width arithmetic for a docked inspector pane.
 *
@@ -74,5 +74,4 @@ const resolveInspectorPaneWidth = ({ desiredWidth, sidebarWidth, viewportWidth }
 * shown, the bare rail while it is collapsed or minimized.
 */
 const resolveInspectorDockWidth = ({ paneWidth, showPaneContent }) => showPaneContent ? paneWidth : 48;
-//#endregion
 export { INSPECTOR_CONTENT_MIN_WIDTH, INSPECTOR_EDITOR_MIN_WIDTH, INSPECTOR_PANE_DEFAULT_WIDTH, INSPECTOR_PANE_MAX_WIDTH, INSPECTOR_PANE_MIN_WIDTH, INSPECTOR_RAIL_WIDTH, clampInspectorPaneWidth, resolveInspectorDockWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth, shouldForceSidebarCollapsed };

package/dist/inspector/use-pane-width.d.ts

@@ -1,5 +1,4 @@
 import { KeyboardEvent, PointerEvent } from "react";
-//#region src/inspector/use-pane-width.d.ts
 /**
  * Width the drag produces for a pane docked to the inline-end edge.
  *
@@ -83,5 +82,4 @@ type UseInspectorPaneWidthResult = {
  * pane returns to it once the room comes back.
  */
 export declare const useInspectorPaneWidth: ({ sidebarWidth, persistence, viewportWidth }: UseInspectorPaneWidthOptions) => UseInspectorPaneWidthResult;
-//#endregion
 export {};

package/dist/inspector/use-pane-width.js

@@ -1,6 +1,6 @@
 import { INSPECTOR_PANE_MAX_WIDTH, clampInspectorPaneWidth, resolveInspectorPaneMaxWidth, resolveInspectorPaneWidth } from "./pane-width.js";
 import { useEffect, useRef, useState } from "react";
-//#region src/inspector/use-pane-width.ts
+// src/inspector/use-pane-width.ts
 /**
 * Width the drag produces for a pane docked to the inline-end edge.
 *
@@ -130,5 +130,4 @@ const useInspectorPaneWidth = ({ sidebarWidth, persistence, viewportWidth }) =>
 		width
 	};
 };
-//#endregion
 export { INSPECTOR_PANE_KEYBOARD_PAGE_STEP, INSPECTOR_PANE_KEYBOARD_STEP, resolveDragWidth, resolveKeyboardWidth, useInspectorPaneWidth };

package/dist/kanban/band-peek.d.ts

@@ -1,4 +1,3 @@
-//#region src/kanban/band-peek.d.ts
 /**
  * The peek a collapsed band opens while a dragged card rests on its folded
  * slot, as a state machine with an injectable scheduler so its timing rules
@@ -54,5 +53,4 @@ export type BandPeekController = {
   /** Ends any pending timer, for unmount. */
   dispose: () => void;
 };
-export declare const createBandPeekController: ({ onChange, delayMs, lingerMs, schedule }: BandPeekControllerOptions) => BandPeekController;
-//#endregion
+export declare const createBandPeekController: ({ onChange, delayMs, lingerMs, schedule }: BandPeekControllerOptions) => BandPeekController;

package/dist/kanban/band-peek.js

@@ -1,4 +1,4 @@
-//#region src/kanban/band-peek.ts
+// src/kanban/band-peek.ts
 /**
 * The peek a collapsed band opens while a dragged card rests on its folded
 * slot, as a state machine with an injectable scheduler so its timing rules
@@ -99,5 +99,4 @@ const createBandPeekController = ({ onChange, delayMs = 400, lingerMs = 150, sch
 		}
 	};
 };
-//#endregion
 export { KANBAN_BAND_PEEK_DELAY_MS, KANBAN_BAND_PEEK_LINGER_MS, createBandPeekController };

package/dist/kanban/card-properties.d.ts

@@ -1,4 +1,3 @@
-//#region src/kanban/card-properties.d.ts
 /**
  * Which properties a kanban card renders as values.
  *
@@ -22,5 +21,4 @@ export type KanbanCardFieldSelection = {
  * The visible field ids a card renders as property values, in view order and
  * without duplicates.
  */
-export declare const selectKanbanCardFieldIds: (visibleFieldIds: readonly string[], { reservedFieldIds, isRenderable }: KanbanCardFieldSelection) => string[];
-//#endregion
+export declare const selectKanbanCardFieldIds: (visibleFieldIds: readonly string[], { reservedFieldIds, isRenderable }: KanbanCardFieldSelection) => string[];

package/dist/kanban/card-properties.js

@@ -1,4 +1,4 @@
-//#region src/kanban/card-properties.ts
+// src/kanban/card-properties.ts
 /**
 * The visible field ids a card renders as property values, in view order and
 * without duplicates.
@@ -15,5 +15,4 @@ const selectKanbanCardFieldIds = (visibleFieldIds, { reservedFieldIds, isRendera
 	}
 	return selected;
 };
-//#endregion
 export { selectKanbanCardFieldIds };

package/dist/kanban/card-shell.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode, RefObject } from "react";
-//#region src/kanban/card-shell.d.ts
 export type KanbanCardSelectionModifiers = {
   /** Cmd on macOS, Ctrl elsewhere. */
   meta: boolean;
@@ -81,5 +80,4 @@ export type KanbanCardShellProps = {
  * Nothing here clips its overflow: a pinned identity row stops sticking the
  * moment anything between it and the scroll container clips.
  */
-export declare const KanbanCardShell: ({ children, appearance, actions, actionsVisibility, stickyHeader, active, selected, onOpen, onSelectionClick, bodyRef, dragRef, className }: KanbanCardShellProps) => import("react").JSX.Element;
-//#endregion
+export declare const KanbanCardShell: ({ children, appearance, actions, actionsVisibility, stickyHeader, active, selected, onOpen, onSelectionClick, bodyRef, dragRef, className }: KanbanCardShellProps) => import("react").JSX.Element;

package/dist/kanban/card-shell.js

@@ -1,8 +1,8 @@
-import { cn } from "../lib/utils.js";
 import { containedEventHandler } from "../hooks/use-contained-handler.js";
+import { cn } from "../lib/utils.js";
 import { KANBAN_CARD_STICKY_TOP_CLASS } from "./sticky-lane.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/kanban/card-shell.tsx
+// src/kanban/card-shell.tsx
 /**
 * The card chrome: border, hover lift, active ring, drag wrapper, and the
 * keyboard contract for a card that opens something.
@@ -135,5 +135,4 @@ const STICKY_HEADER_CLASS = "bg-background bg-[linear-gradient(var(--color-card)
 * the pair stays in one class string.
 */
 const HOVER_ACTIONS_CLASS = "absolute end-1.5 top-1.5 z-10 flex items-center gap-0.5 opacity-0 pointer-events-none transition-opacity group-hover/card:pointer-events-auto group-hover/card:opacity-100 group-data-[active=true]/card:pointer-events-auto group-data-[active=true]/card:opacity-100 focus-within:pointer-events-auto focus-within:opacity-100 has-[[aria-expanded=true]]:pointer-events-auto has-[[aria-expanded=true]]:opacity-100 motion-reduce:transition-none";
-//#endregion
 export { KanbanCardShell };

package/dist/kanban/cell-action.d.ts

@@ -1,6 +1,5 @@
 import { Button } from "../components/button.js";
 import { ComponentProps } from "react";
-//#region src/kanban/cell-action.d.ts
 export type KanbanCellActionProps = Omit<ComponentProps<typeof Button>, "variant">;
 /**
  * The quiet action at the end of a cell: a full-width row that adds a card to
@@ -18,5 +17,4 @@ export type KanbanCellActionProps = Omit<ComponentProps<typeof Button>, "variant
  * since the button's own size drops a step at `sm` and the row has to hold the
  * board's chrome rhythm at every width.
  */
-export declare const KanbanCellAction: ({ children, className, ...props }: KanbanCellActionProps) => import("react").JSX.Element;
-//#endregion
+export declare const KanbanCellAction: ({ children, className, ...props }: KanbanCellActionProps) => import("react").JSX.Element;

package/dist/kanban/cell-action.js

@@ -1,9 +1,9 @@
+import { Button } from "../components/button.js";
 import { PlusIcon } from "../icons.js";
 import { cn } from "../lib/utils.js";
-import { Button } from "../components/button.js";
 import "./layout-tokens.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/kanban/cell-action.tsx
+// src/kanban/cell-action.tsx
 /**
 * The quiet action at the end of a cell: a full-width row that adds a card to
 * that column and lane.
@@ -27,5 +27,4 @@ const KanbanCellAction = ({ children, className, ...props }) => /* @__PURE__ */
 	variant: "ghost",
 	children: [/* @__PURE__ */ jsx(PlusIcon, { className: "size-3.5" }), children]
 });
-//#endregion
 export { KanbanCellAction };

package/dist/kanban/column-band-header.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/kanban/column-band-header.d.ts
 /**
  * How a band toggle was activated. A pointer activation leaves the pointer
  * over whatever replaces the caption (the folded slot), which matters to the
@@ -39,5 +38,4 @@ export type KanbanColumnBandHeaderProps = {
  * Folded, only the toggle remains in this line; the band's name moves down
  * into the narrow column body, where the height is already there.
  */
-export declare const KanbanColumnBandHeader: ({ title, swatch, meta, collapsed, compact, toggleLabel, onCollapsedChange, actions }: KanbanColumnBandHeaderProps) => import("react").JSX.Element;
-//#endregion
+export declare const KanbanColumnBandHeader: ({ title, swatch, meta, collapsed, compact, toggleLabel, onCollapsedChange, actions }: KanbanColumnBandHeaderProps) => import("react").JSX.Element;

package/dist/kanban/column-band-header.js

@@ -1,9 +1,9 @@
+import { DirectionalIcon } from "../components/directional-icon.js";
 import { ChevronDownIcon } from "../icons.js";
 import { cn } from "../lib/utils.js";
-import { DirectionalIcon } from "../components/directional-icon.js";
 import { KANBAN_CHROME_TOGGLE_COARSE_TARGET_CLASS } from "./layout-tokens.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/kanban/column-band-header.tsx
+// src/kanban/column-band-header.tsx
 /**
 * The band line above a run of columns: one `KANBAN_BAND_CAPTION_ROW_HEIGHT`
 * row of toggle, swatch, name, and count.
@@ -43,5 +43,4 @@ const KanbanColumnBandHeader = ({ title, swatch, meta, collapsed, compact = coll
 		actions
 	] })]
 });
-//#endregion
 export { KanbanColumnBandHeader };

package/dist/kanban/column-bands.d.ts

@@ -1,6 +1,5 @@
 import { KanbanBoardColumn } from "./matrix.js";
 import { KanbanColumnBand } from "./grouping.js";
-//#region src/kanban/column-bands.d.ts
 /**
  * Column bands: named runs of adjacent columns the board shows under one
  * header and can collapse as a unit.
@@ -36,5 +35,4 @@ export type KanbanColumnBandSpan = {
  */
 export declare const resolveKanbanColumnBands: (columns: readonly KanbanBoardColumn[]) => KanbanColumnBandSpan[];
 /** Whether any presented column carries band metadata. */
-export declare const hasKanbanColumnBands: (columns: readonly KanbanBoardColumn[]) => boolean;
-//#endregion
+export declare const hasKanbanColumnBands: (columns: readonly KanbanBoardColumn[]) => boolean;

package/dist/kanban/column-bands.js

@@ -1,6 +1,6 @@
 import { getKanbanBoardColumnIdentity } from "./matrix.js";
 import { panic } from "better-result";
-//#region src/kanban/column-bands.ts
+// src/kanban/column-bands.ts
 /**
 * Column bands: named runs of adjacent columns the board shows under one
 * header and can collapse as a unit.
@@ -48,5 +48,4 @@ const resolveKanbanColumnBands = (columns) => {
 };
 /** Whether any presented column carries band metadata. */
 const hasKanbanColumnBands = (columns) => columns.some((column) => bandOf(column) !== null);
-//#endregion
 export { KANBAN_COLLAPSED_BAND_WIDTH_CLASS, KANBAN_COLLAPSED_BAND_WIDTH_PX, KANBAN_COLUMN_GAP_PX, KANBAN_COLUMN_WIDTH_CLASS, KANBAN_COLUMN_WIDTH_PX, hasKanbanColumnBands, resolveKanbanColumnBands };

package/dist/kanban/column-header.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/kanban/column-header.d.ts
 export type KanbanColumnHeaderProps = {
   /** Colour swatch, or the control that changes it. */
   swatch?: ReactNode;
@@ -25,5 +24,4 @@ export type KanbanColumnHeaderProps = {
  * lines up with the lane rows under it. The title clips instead of wrapping
  * so a long name can never grow the row past that height.
  */
-export declare const KanbanColumnHeader: ({ swatch, title, meta, calculation, dragHandle, actions, className }: KanbanColumnHeaderProps) => import("react").JSX.Element;
-//#endregion
+export declare const KanbanColumnHeader: ({ swatch, title, meta, calculation, dragHandle, actions, className }: KanbanColumnHeaderProps) => import("react").JSX.Element;

package/dist/kanban/column-header.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/utils.js";
 import "./layout-tokens.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/kanban/column-header.tsx
+// src/kanban/column-header.tsx
 /**
 * The column header row: one rhythm for the swatch, the name, the count, the
 * calculation, and the column's controls, so every board's header lines up.
@@ -34,5 +34,4 @@ const KanbanColumnHeader = ({ swatch, title, meta, calculation, dragHandle, acti
 		actions
 	]
 });
-//#endregion
 export { KanbanColumnHeader };

package/dist/kanban/drag-interactions.d.ts

@@ -1,5 +1,4 @@
 import { draggable } from "@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter";
-//#region src/kanban/drag-interactions.d.ts
 type AtlaskitDraggableOptions = Parameters<typeof draggable>[0];
 /**
  * Marks a card drag on the native `DataTransfer` so the board's native
@@ -52,5 +51,4 @@ export type RegisterKanbanBoardAutoScrollOptions = {
 };
 /** Register horizontal auto-scroll at the board's overflow boundary. */
 export declare const registerKanbanBoardAutoScroll: ({ element, sources }: RegisterKanbanBoardAutoScrollOptions) => (() => void);
-//#endregion
 export {};

package/dist/kanban/drag-interactions.js

@@ -5,7 +5,7 @@ import { draggable } from "@atlaskit/pragmatic-drag-and-drop/adapter/element-ada
 import { centerUnderPointer } from "@atlaskit/pragmatic-drag-and-drop/utils/center-under-pointer";
 import { combine } from "@atlaskit/pragmatic-drag-and-drop/utils/combine";
 import { setCustomNativeDragPreview } from "@atlaskit/pragmatic-drag-and-drop/utils/set-custom-native-drag-preview";
-//#region src/kanban/drag-interactions.ts
+// src/kanban/drag-interactions.ts
 /**
 * Marks a card drag on the native `DataTransfer` so the board's native
 * `dragover`/`dragenter`/`dragleave` listeners (which also see reorders,
@@ -70,5 +70,4 @@ const registerKanbanBoardAutoScroll = ({ element, sources }) => {
 		getAllowedAxis: () => "horizontal"
 	}));
 };
-//#endregion
 export { KANBAN_BOARD_AUTO_SCROLL_SOURCES, KANBAN_CARD_DRAG_MIME, registerKanbanBoardAutoScroll, registerKanbanCardDrag };

package/dist/kanban/grouping.d.ts

@@ -1,5 +1,4 @@
 import { OptionColor } from "../lib/option-color.js";
-//#region src/kanban/grouping.d.ts
 /**
  * The band a column belongs to: a named run of adjacent columns the board
  * shows under one header and can collapse as a unit. A status property's
@@ -93,5 +92,4 @@ export declare const selectKanbanRows: <TRow, TProperty, TGroupId extends string
 /** The static column options for a grouping, excluding uncategorized. */
 export declare const resolveKanbanGroupOptions: <TRow, TProperty, TGroupId extends string = string>(grouping: KanbanGrouping<TRow, TProperty, TGroupId>) => readonly KanbanGroupOption[];
 /** Append the uncategorized bucket (null value) after the options. */
-export declare const getKanbanGroups: (options: readonly KanbanGroupOption[], uncategorizedLabel: string) => KanbanGroup[];
-//#endregion
+export declare const getKanbanGroups: (options: readonly KanbanGroupOption[], uncategorizedLabel: string) => KanbanGroup[];

package/dist/kanban/grouping.js

@@ -1,5 +1,5 @@
 import { panic } from "better-result";
-//#region src/kanban/grouping.ts
+// src/kanban/grouping.ts
 /**
 * Kanban grouping: which columns a board has, and which rows may appear on it.
 *
@@ -85,5 +85,4 @@ const getKanbanGroups = (options, uncategorizedLabel) => {
 	});
 	return result;
 };
-//#endregion
 export { getKanbanGroupingPropertyId, getKanbanGroups, isKanbanGroupingRenderable, resolveKanbanGroupOptions, resolveKanbanGrouping, selectKanbanRows };

package/dist/kanban/index.js

@@ -1,18 +1,18 @@
 import { selectKanbanCardFieldIds } from "./card-properties.js";
-import { KANBAN_CARD_STICKY_TOP_VAR, KANBAN_STICKY_TOP_VAR, KanbanCollapsedBandCaption } from "./sticky-lane.js";
 import { KanbanCardShell } from "./card-shell.js";
-import { KANBAN_BAND_CAPTION_ROW_HEIGHT, KANBAN_BAND_CAPTION_ROW_HEIGHT_PX, KANBAN_CHROME_ROW_HEIGHT, KANBAN_CHROME_ROW_HEIGHT_PX } from "./layout-tokens.js";
 import { KanbanCellAction } from "./cell-action.js";
 import { KanbanColumnBandHeader } from "./column-band-header.js";
-import { getKanbanGroupingPropertyId, getKanbanGroups, isKanbanGroupingRenderable, resolveKanbanGroupOptions, resolveKanbanGrouping, selectKanbanRows } from "./grouping.js";
-import { KANBAN_BOARD_AXES, buildKanbanBoardMatrix, createKanbanDropIntent, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, orderKanbanCellsByColumns } from "./matrix.js";
 import { KANBAN_COLLAPSED_BAND_WIDTH_CLASS, KANBAN_COLLAPSED_BAND_WIDTH_PX, KANBAN_COLUMN_GAP_PX, KANBAN_COLUMN_WIDTH_CLASS, KANBAN_COLUMN_WIDTH_PX, hasKanbanColumnBands, resolveKanbanColumnBands } from "./column-bands.js";
 import { KanbanColumnHeader } from "./column-header.js";
-import { KANBAN_BOARD_COLLISION_DETECTION, kanbanKeyboardCoordinates } from "./sortable-interactions.logic.js";
+import { KANBAN_BAND_CAPTION_ROW_HEIGHT, KANBAN_BAND_CAPTION_ROW_HEIGHT_PX, KANBAN_CHROME_ROW_HEIGHT, KANBAN_CHROME_ROW_HEIGHT_PX } from "./layout-tokens.js";
 import { KANBAN_BOARD_AUTO_SCROLL_OPTIONS, KANBAN_DRAG_OVERLAY_Z_INDEX, KANBAN_MOUSE_ACTIVATION_DISTANCE, KANBAN_SORTABLE_ACTIVATION_MODES, KANBAN_TOUCH_ACTIVATION_CONSTRAINT, KanbanCardDragSurface, KanbanDragHandle, KanbanSortableBoard, useKanbanDropTarget, useKanbanSortable, useKanbanSortableSensors } from "./sortable-interactions.js";
 import { KANBAN_DIRECTIONS, KANBAN_HORIZONTAL_EDGES, getKanbanHorizontalEdge } from "./sortable-edge.js";
 import { KANBAN_BOARD_AUTO_SCROLL_SOURCES, KANBAN_CARD_DRAG_MIME, registerKanbanBoardAutoScroll, registerKanbanCardDrag } from "./drag-interactions.js";
+import { KANBAN_BOARD_COLLISION_DETECTION, kanbanKeyboardCoordinates } from "./sortable-interactions.logic.js";
+import { getKanbanGroupingPropertyId, getKanbanGroups, isKanbanGroupingRenderable, resolveKanbanGroupOptions, resolveKanbanGrouping, selectKanbanRows } from "./grouping.js";
+import { KANBAN_BOARD_AXES, buildKanbanBoardMatrix, createKanbanDropIntent, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, orderKanbanCellsByColumns } from "./matrix.js";
 import { KANBAN_BAND_PEEK_DELAY_MS, KANBAN_BAND_PEEK_LINGER_MS } from "./band-peek.js";
 import { KanbanSubgroupBoard } from "./subgroup-board.js";
+import { KANBAN_CARD_STICKY_TOP_VAR, KANBAN_STICKY_TOP_VAR, KanbanCollapsedBandCaption } from "./sticky-lane.js";
 import { KANBAN_VIRTUAL_CELL_PAGINATION, KanbanVirtualCell } from "./virtual-cell.js";
 export { KANBAN_BAND_CAPTION_ROW_HEIGHT, KANBAN_BAND_CAPTION_ROW_HEIGHT_PX, KANBAN_BAND_PEEK_DELAY_MS, KANBAN_BAND_PEEK_LINGER_MS, KANBAN_BOARD_AUTO_SCROLL_OPTIONS, KANBAN_BOARD_AUTO_SCROLL_SOURCES, KANBAN_BOARD_AXES, KANBAN_BOARD_COLLISION_DETECTION, KANBAN_CARD_DRAG_MIME, KANBAN_CARD_STICKY_TOP_VAR, KANBAN_CHROME_ROW_HEIGHT, KANBAN_CHROME_ROW_HEIGHT_PX, KANBAN_COLLAPSED_BAND_WIDTH_CLASS, KANBAN_COLLAPSED_BAND_WIDTH_PX, KANBAN_COLUMN_GAP_PX, KANBAN_COLUMN_WIDTH_CLASS, KANBAN_COLUMN_WIDTH_PX, KANBAN_DIRECTIONS, KANBAN_DRAG_OVERLAY_Z_INDEX, KANBAN_HORIZONTAL_EDGES, KANBAN_MOUSE_ACTIVATION_DISTANCE, KANBAN_SORTABLE_ACTIVATION_MODES, KANBAN_STICKY_TOP_VAR, KANBAN_TOUCH_ACTIVATION_CONSTRAINT, KANBAN_VIRTUAL_CELL_PAGINATION, KanbanCardDragSurface, KanbanCardShell, KanbanCellAction, KanbanCollapsedBandCaption, KanbanColumnBandHeader, KanbanColumnHeader, KanbanDragHandle, KanbanSortableBoard, KanbanSubgroupBoard, KanbanVirtualCell, buildKanbanBoardMatrix, createKanbanDropIntent, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, getKanbanGroupingPropertyId, getKanbanGroups, getKanbanHorizontalEdge, hasKanbanColumnBands, isKanbanGroupingRenderable, kanbanKeyboardCoordinates, orderKanbanCellsByColumns, registerKanbanBoardAutoScroll, registerKanbanCardDrag, resolveKanbanColumnBands, resolveKanbanGroupOptions, resolveKanbanGrouping, selectKanbanCardFieldIds, selectKanbanRows, useKanbanDropTarget, useKanbanSortable, useKanbanSortableSensors };

package/dist/kanban/layout-tokens.d.ts

@@ -1,4 +1,3 @@
-//#region src/kanban/layout-tokens.d.ts
 /**
  * The heights the board's chrome rows are built from.
  *
@@ -46,5 +45,4 @@ export declare const KANBAN_BAND_CAPTION_ROW_HEIGHT_PX: 36;
  * distance either way, and neither spills into the row underneath: an inset
  * grows a short control downwards by whatever it is short by.
  */
-export declare const KANBAN_CHROME_TOGGLE_COARSE_TARGET_CLASS = "relative pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:top-1/2 pointer-coarse:after:h-11 pointer-coarse:after:-translate-y-1/2";
-//#endregion
+export declare const KANBAN_CHROME_TOGGLE_COARSE_TARGET_CLASS = "relative pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:top-1/2 pointer-coarse:after:h-11 pointer-coarse:after:-translate-y-1/2";

package/dist/kanban/layout-tokens.js

@@ -1,4 +1,4 @@
-//#region src/kanban/layout-tokens.ts
+// src/kanban/layout-tokens.ts
 /**
 * The heights the board's chrome rows are built from.
 *
@@ -47,5 +47,4 @@ const KANBAN_BAND_CAPTION_ROW_HEIGHT_PX = 36;
 * grows a short control downwards by whatever it is short by.
 */
 const KANBAN_CHROME_TOGGLE_COARSE_TARGET_CLASS = "relative pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:top-1/2 pointer-coarse:after:h-11 pointer-coarse:after:-translate-y-1/2";
-//#endregion
 export { KANBAN_BAND_CAPTION_ROW_HEIGHT, KANBAN_BAND_CAPTION_ROW_HEIGHT_PX, KANBAN_CHROME_ROW_HEIGHT, KANBAN_CHROME_ROW_HEIGHT_PX, KANBAN_CHROME_TOGGLE_COARSE_TARGET_CLASS };

package/dist/kanban/matrix.d.ts

@@ -1,5 +1,4 @@
 import { KanbanGroup, KanbanGrouping } from "./grouping.js";
-//#region src/kanban/matrix.d.ts
 /** Which axis of a board a grouping controls. */
 export declare const KANBAN_BOARD_AXES: {
   readonly group: "group";
@@ -102,5 +101,4 @@ export type CreateKanbanDropIntentParams<TRow, TProperty, TCardId, TGroupId exte
  * Diagonal drops carry both changes together; an adapter must commit this
  * intent atomically or reject it as a whole.
  */
-export declare const createKanbanDropIntent: <TRow, TProperty, TCardId, TGroupId extends string = string>({ cardId, group, source, subgroup, target }: CreateKanbanDropIntentParams<TRow, TProperty, TCardId, TGroupId>) => KanbanDropIntent<TCardId, TGroupId> | null;
-//#endregion
+export declare const createKanbanDropIntent: <TRow, TProperty, TCardId, TGroupId extends string = string>({ cardId, group, source, subgroup, target }: CreateKanbanDropIntentParams<TRow, TProperty, TCardId, TGroupId>) => KanbanDropIntent<TCardId, TGroupId> | null;

package/dist/kanban/matrix.js

@@ -1,6 +1,6 @@
 import { getKanbanGroupingPropertyId, getKanbanGroups, isKanbanGroupingRenderable, resolveKanbanGroupOptions, selectKanbanRows } from "./grouping.js";
 import { panic } from "better-result";
-//#region src/kanban/matrix.ts
+// src/kanban/matrix.ts
 /** Which axis of a board a grouping controls. */
 const KANBAN_BOARD_AXES = {
 	group: "group",
@@ -144,5 +144,4 @@ const createKanbanDropIntent = ({ cardId, group, source, subgroup, target }) =>
 		type: "move"
 	};
 };
-//#endregion
 export { KANBAN_BOARD_AXES, buildKanbanBoardMatrix, createKanbanDropIntent, getKanbanBoardColumnIdentity, getKanbanBoardLaneIdentity, orderKanbanCellsByColumns };

package/dist/kanban/sortable-edge.d.ts

@@ -1,5 +1,4 @@
 import { ClientRect } from "@dnd-kit/core";
-//#region src/kanban/sortable-edge.d.ts
 export declare const KANBAN_HORIZONTAL_EDGES: {
   readonly before: "before";
   readonly after: "after";
@@ -35,5 +34,4 @@ export type KanbanHorizontalEdgeOptions = KanbanPointerHorizontalEdgeOptions | K
  * reconciliation and are not viewport coordinates.
  */
 export declare const getKanbanHorizontalEdge: ({ ...options }: KanbanHorizontalEdgeOptions) => KanbanHorizontalEdge;
-//#endregion
 export {};

package/dist/kanban/sortable-edge.js

@@ -1,4 +1,4 @@
-//#region src/kanban/sortable-edge.ts
+// src/kanban/sortable-edge.ts
 const KANBAN_HORIZONTAL_EDGES = {
 	before: "before",
 	after: "after"
@@ -23,5 +23,4 @@ const getKanbanHorizontalEdge = ({ ...options }) => {
 	return physicalEdge;
 };
 const getRectCenterX = ({ left, width }) => left + width / 2;
-//#endregion
 export { KANBAN_DIRECTIONS, KANBAN_HORIZONTAL_EDGES, getKanbanHorizontalEdge };