@ciridae/ui 0.11.0 → 0.11.3

package/dist/components/blocks/feedback-user-list.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { AlertCircleIcon, AlertTriangleIcon, InboxIcon } from "lucide-react";
-import { formatFeedbackTimestamp } from "./feedback-date-format";
-import { FeedbackStatusBadge } from "./feedback-status-badge";
-import { FeedbackTypeBadge } from "./feedback-type-badge";
-import { Alert, AlertDescription, AlertTitle } from "../ui/alert";
-import { Badge } from "../ui/badge";
-import { Button } from "../ui/button";
-import { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../ui/empty";
-import { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemGroupItem, ItemTitle, } from "../ui/item";
-import { Skeleton } from "../ui/skeleton";
-import { cn } from "../../lib/utils";
+import { formatFeedbackTimestamp } from "./feedback-date-format.js";
+import { FeedbackStatusBadge } from "./feedback-status-badge.js";
+import { FeedbackTypeBadge } from "./feedback-type-badge.js";
+import { Alert, AlertDescription, AlertTitle } from "../ui/alert.js";
+import { Badge } from "../ui/badge.js";
+import { Button } from "../ui/button.js";
+import { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../ui/empty.js";
+import { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemGroupItem, ItemTitle, } from "../ui/item.js";
+import { Skeleton } from "../ui/skeleton.js";
+import { cn } from "../../lib/utils.js";
 function FeedbackUserList({ error, isLoading = false, items, onRetry, onSelectFeedback, selectedId, }) {
     if (isLoading)
         return _jsx(FeedbackUserListLoading, {});

package/dist/components/blocks/generated-connect-link.d.ts

@@ -1,4 +1,4 @@
-import type { McpAccessMode, McpAccessToolSelector, McpConnectLink } from "./mcp-access-types";
+import type { McpAccessMode, McpAccessToolSelector, McpConnectLink } from "./mcp-access-types.js";
 /**
  * The slice of the app's mint mutation this control drives, shaped so a
  * TanStack Query mutation result can be passed whole. `data` is the link the

package/dist/components/blocks/generated-connect-link.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../ui/button";
-import { keyOf } from "./mcp-access-tool-picker";
-import { Spinner } from "../ui/spinner";
+import { Button } from "../ui/button.js";
+import { keyOf } from "./mcp-access-tool-picker.js";
+import { Spinner } from "../ui/spinner.js";
 const expiryFormatter = new Intl.DateTimeFormat(undefined, {
     dateStyle: "medium",
     timeStyle: "short",

package/dist/components/blocks/invite-user-sheet.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { SendIcon } from "lucide-react";
-import { Button } from "../ui/button";
-import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, } from "../ui/field";
-import { Input } from "../ui/input";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select";
-import { Sheet, SheetBody, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, } from "../ui/sheet";
+import { Button } from "../ui/button.js";
+import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, } from "../ui/field.js";
+import { Input } from "../ui/input.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select.js";
+import { Sheet, SheetBody, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, } from "../ui/sheet.js";
 function InviteUserSheet({ defaultRole, isSubmitting = false, onOpenChange, onSubmit, open, roles, }) {
     const initialRole = getInitialRole(roles, defaultRole);
     const formId = React.useId();

package/dist/components/blocks/kanban-board-parts.d.ts

@@ -1,6 +1,6 @@
 import type * as React from "react";
-import type { KanbanCardData, KanbanColumnData, KanbanMoveEvent } from "./kanban-types";
-import { type KanbanBoardState, type KanbanOverlayRect } from "./kanban-board-utils";
+import type { KanbanCardData, KanbanColumnData, KanbanMoveEvent } from "./kanban-types.js";
+import { type KanbanBoardState, type KanbanOverlayRect } from "./kanban-board-utils.js";
 type KanbanBoardColumnProps = {
     activeCardId: string | undefined;
     activeCardRect: KanbanOverlayRect | undefined;

package/dist/components/blocks/kanban-board-parts.js

@@ -3,9 +3,9 @@ import { DragOverlay, useDroppable } from "@dnd-kit/core";
 import { SortableContext, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { createPortal } from "react-dom";
-import { KanbanCard } from "./kanban-card";
-import { KanbanColumn } from "./kanban-column";
-import { getColumnDroppableId, } from "./kanban-board-utils";
+import { KanbanCard } from "./kanban-card.js";
+import { KanbanColumn } from "./kanban-column.js";
+import { getColumnDroppableId, } from "./kanban-board-utils.js";
 function KanbanBoardColumn({ activeCardId, activeCardRect, activeMove, boardState, column, columnMaxHeight, empty, isLoading, isOver, onCardMove, onCardSelect, renderCard, renderCardActions, renderColumnActions, suppressSelectRef, }) {
     const cards = boardState.cardsByColumnId.get(column.id) ?? [];
     const dropPlaceholderIndex = getDropPlaceholderIndex(column.id, activeMove);

package/dist/components/blocks/kanban-board-utils.d.ts

@@ -1,6 +1,6 @@
 import type * as React from "react";
-import type { DragEndEvent, DragOverEvent, DragStartEvent } from "@dnd-kit/core";
-import type { KanbanCardData, KanbanColumnData, KanbanMoveEvent } from "./kanban-types";
+import type { CollisionDetection, DragEndEvent, DragOverEvent, DragStartEvent } from "@dnd-kit/core";
+import type { KanbanCardData, KanbanColumnData, KanbanMoveEvent } from "./kanban-types.js";
 type KanbanBoardState = {
     cardById: Map<string, KanbanCardData>;
     cardsByColumnId: Map<string, KanbanCardData[]>;
@@ -38,5 +38,21 @@ declare function getDragEndHandler({ activeMove, boardState, onCardMove, setters
 }): (event: DragEndEvent) => void;
 declare function clearDragState(setters: KanbanDragStateSetters): void;
 declare function getColumnDroppableId(columnId: string): string;
-export { clearDragState, getColumnDroppableId, getDragEndHandler, getDragOverHandler, getDragStartHandler, getKanbanBoardState, };
+/**
+ * What a dragged card is over, preferring whatever the pointer is inside.
+ *
+ * Corner distance alone cannot reach an empty column. A column's drop target is
+ * the whole column, so its corners sit far from a pointer in the middle of it,
+ * while a card in the column alongside is small and close. The neighbour wins,
+ * and a column nobody has a card in becomes impossible to drop into.
+ *
+ * Cards are preferred over the column that contains them, because a pointer
+ * inside a card is always inside its column too, and answering "the column"
+ * there would send every drop to the end of the list instead of where it was
+ * aimed. Corner distance still decides when the pointer is outside every
+ * droppable, which keeps a card released off the edge of the board landing
+ * somewhere sensible.
+ */
+declare const kanbanCollisionDetection: CollisionDetection;
+export { clearDragState, getColumnDroppableId, getDragEndHandler, getDragOverHandler, getDragStartHandler, getKanbanBoardState, kanbanCollisionDetection, };
 export type { KanbanBoardState, KanbanDragStateSetters, KanbanOverlayRect };

package/dist/components/blocks/kanban-board-utils.js

@@ -1,3 +1,4 @@
+import { closestCorners, pointerWithin } from "@dnd-kit/core";
 function getKanbanBoardState(columns, cards) {
     const cardsByColumnId = new Map();
     const cardById = new Map();
@@ -111,5 +112,29 @@ function areKanbanMovesEqual(currentMove, nextMove) {
         currentMove.fromIndex === nextMove.fromIndex &&
         currentMove.toIndex === nextMove.toIndex);
 }
+/**
+ * What a dragged card is over, preferring whatever the pointer is inside.
+ *
+ * Corner distance alone cannot reach an empty column. A column's drop target is
+ * the whole column, so its corners sit far from a pointer in the middle of it,
+ * while a card in the column alongside is small and close. The neighbour wins,
+ * and a column nobody has a card in becomes impossible to drop into.
+ *
+ * Cards are preferred over the column that contains them, because a pointer
+ * inside a card is always inside its column too, and answering "the column"
+ * there would send every drop to the end of the list instead of where it was
+ * aimed. Corner distance still decides when the pointer is outside every
+ * droppable, which keeps a card released off the edge of the board landing
+ * somewhere sensible.
+ */
+const kanbanCollisionDetection = (args) => {
+    const underPointer = pointerWithin(args);
+    const cards = underPointer.filter((collision) => !isColumnDroppableId(String(collision.id)));
+    if (cards.length > 0)
+        return cards;
+    if (underPointer.length > 0)
+        return underPointer;
+    return closestCorners(args);
+};
 const columnDroppablePrefix = "kanban-column:";
-export { clearDragState, getColumnDroppableId, getDragEndHandler, getDragOverHandler, getDragStartHandler, getKanbanBoardState, };
+export { clearDragState, getColumnDroppableId, getDragEndHandler, getDragOverHandler, getDragStartHandler, getKanbanBoardState, kanbanCollisionDetection, };

package/dist/components/blocks/kanban-board.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { KanbanCardData, KanbanColumnData, KanbanMoveEvent } from "./kanban-types";
+import type { KanbanCardData, KanbanColumnData, KanbanMoveEvent } from "./kanban-types.js";
 type KanbanBoardProps = {
     cards: KanbanCardData[];
     columns: KanbanColumnData[];

package/dist/components/blocks/kanban-board.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react-hooks/refs -- dnd-kit drag handlers need a mutable ref to suppress the click fired after a drag. */
 import * as React from "react";
-import { closestCorners, DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors, } from "@dnd-kit/core";
+import { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
 import { sortableKeyboardCoordinates } from "@dnd-kit/sortable";
-import { KanbanBoardColumn, KanbanDragOverlay } from "./kanban-board-parts";
-import { clearDragState, getDragEndHandler, getDragOverHandler, getDragStartHandler, getKanbanBoardState, } from "./kanban-board-utils";
+import { KanbanBoardColumn, KanbanDragOverlay } from "./kanban-board-parts.js";
+import { clearDragState, getDragEndHandler, getDragOverHandler, getDragStartHandler, getKanbanBoardState, kanbanCollisionDetection, } from "./kanban-board-utils.js";
 function KanbanBoard({ cards, columns, columnMaxHeight = "min(44rem, calc(100vh - 14rem))", empty, isLoading = false, onCardMove, onCardSelect, renderCard, renderCardActions, renderColumnActions, }) {
     const [activeCard, setActiveCard] = React.useState();
     const [activeCardRect, setActiveCardRect] = React.useState();
@@ -14,7 +14,7 @@ function KanbanBoard({ cards, columns, columnMaxHeight = "min(44rem, calc(100vh
     const boardState = React.useMemo(() => getKanbanBoardState(columns, cards), [cards, columns]);
     const dragStateSetters = React.useMemo(() => ({ setActiveCard, setActiveCardRect, setActiveMove, setOverColumnId }), []);
     const sensors = useKanbanSensors();
-    return (_jsxs(DndContext, { collisionDetection: closestCorners, onDragCancel: () => clearDragState(dragStateSetters), onDragEnd: getDragEndHandler({
+    return (_jsxs(DndContext, { collisionDetection: kanbanCollisionDetection, onDragCancel: () => clearDragState(dragStateSetters), onDragEnd: getDragEndHandler({
             activeMove,
             boardState,
             onCardMove,

package/dist/components/blocks/kanban-card.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { KanbanCardData } from "./kanban-types";
+import type { KanbanCardData } from "./kanban-types.js";
 type KanbanCardProps = {
     actionsSlot?: React.ReactNode;
     card: KanbanCardData;

package/dist/components/blocks/kanban-card.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function KanbanCard({ actionsSlot, card, isDragging = false, onSelect }) {
     return (_jsxs("article", { "aria-disabled": card.disabled, "data-dragging": isDragging, "data-disabled": card.disabled, onClick: getCardSelectHandler(card, onSelect), onKeyDown: getCardSelectKeyHandler(card, onSelect), role: onSelect ? "button" : undefined, tabIndex: onSelect && !card.disabled ? 0 : undefined, className: cn("group/kanban-card grid min-w-0 gap-2 rounded-md border bg-card p-3 text-card-foreground shadow-xs transition-[background-color,border-color,box-shadow,opacity,transform] outline-none", "hover:bg-accent/35 focus-visible:border-ring focus-visible:ring-[var(--focus-ring-width)] focus-visible:ring-ring/50", "data-[dragging=true]:border-ring data-[dragging=true]:bg-accent/40 data-[dragging=true]:opacity-80", "data-[disabled=true]:opacity-60", onSelect && !card.disabled ? "cursor-pointer" : undefined), children: [_jsx(KanbanCardHeader, { actionsSlot: actionsSlot, card: card }), card.description ? (_jsx("p", { className: "line-clamp-2 text-sm leading-normal text-muted-foreground", children: card.description })) : null, _jsx(KanbanCardFooter, { card: card })] }));
 }

package/dist/components/blocks/kanban-column.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { KanbanCardData, KanbanColumnData } from "./kanban-types";
+import type { KanbanCardData, KanbanColumnData } from "./kanban-types.js";
 type KanbanColumnProps = {
     actionsSlot?: React.ReactNode;
     cards: KanbanCardData[];

package/dist/components/blocks/kanban-column.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import { KanbanCard } from "./kanban-card";
-import { Skeleton } from "../ui/skeleton";
-import { cn } from "../../lib/utils";
+import { KanbanCard } from "./kanban-card.js";
+import { Skeleton } from "../ui/skeleton.js";
+import { cn } from "../../lib/utils.js";
 function KanbanColumn({ actionsSlot, cards, column, columnMaxHeight, dropPlaceholder, dropPlaceholderIndex, empty, isLoading = false, isOver = false, renderCard, renderCardActions, }) {
     const isOverLimit = isColumnOverLimit(column, cards);
     return (_jsxs("section", { "aria-label": column.title, "data-over": isOver, className: cn("flex min-h-72 min-w-72 flex-col overflow-hidden rounded-lg border bg-muted/25 transition-colors", "data-[over=true]:border-ring data-[over=true]:bg-muted/60"), style: { maxHeight: columnMaxHeight }, children: [_jsx(KanbanColumnHeader, { actionsSlot: actionsSlot, cardCount: cards.length, column: column, isOverLimit: isOverLimit }), _jsx("div", { className: "grid flex-1 content-start gap-2 overflow-y-auto p-2", children: _jsx(KanbanColumnContent, { cards: cards, dropPlaceholder: dropPlaceholder, dropPlaceholderIndex: dropPlaceholderIndex, empty: empty, isLoading: isLoading, renderCard: renderCard, renderCardActions: renderCardActions }) })] }));

package/dist/components/blocks/kanban-detail-sheet.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { KanbanCardData, KanbanColumnData } from "./kanban-types";
+import type { KanbanCardData, KanbanColumnData } from "./kanban-types.js";
 type KanbanDetailProperty = {
     label: string;
     value: React.ReactNode;

package/dist/components/blocks/kanban-detail-sheet.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Badge } from "../ui/badge";
-import { Button } from "../ui/button";
-import { Card } from "../ui/card";
-import { PropertyList, PropertyListItem, PropertyListLabel, PropertyListValue, } from "../ui/property-list";
-import { Sheet, SheetBody, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, } from "../ui/sheet";
+import { Badge } from "../ui/badge.js";
+import { Button } from "../ui/button.js";
+import { Card } from "../ui/card.js";
+import { PropertyList, PropertyListItem, PropertyListLabel, PropertyListValue, } from "../ui/property-list.js";
+import { Sheet, SheetBody, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, } from "../ui/sheet.js";
 function KanbanDetailSheet({ actionsSlot, activitySlot, card, column, onOpenChange, open, properties = [], }) {
     return (_jsx(Sheet, { onOpenChange: onOpenChange, open: open, children: _jsxs(SheetContent, { size: "md", children: [_jsxs(SheetHeader, { children: [_jsx(SheetTitle, { children: "Card details" }), _jsx(SheetDescription, { children: "Review the selected work item." })] }), _jsx(SheetBody, { className: "grid content-start gap-(--panel-gap) pb-(--panel-padding)", children: card ? (_jsx(KanbanDetailContent, { activitySlot: activitySlot, card: card, column: column, properties: properties })) : null }), _jsxs(SheetFooter, { children: [actionsSlot, _jsx(Button, { onClick: () => onOpenChange(false), type: "button", children: "Done" })] })] }) }));
 }

package/dist/components/blocks/mcp-access-grouped-tool-picker.d.ts

@@ -1,5 +1,5 @@
-import type { McpToolInventoryState } from "./mcp-access-tool-picker-internals";
-import type { McpAccessToolSelector } from "./mcp-access-types";
+import type { McpToolInventoryState } from "./mcp-access-tool-picker-internals.js";
+import type { McpAccessToolSelector } from "./mcp-access-types.js";
 /**
  * The tool picker for inventories big enough to need navigation: one scroll
  * region grouped by each tool's first OpenAPI tag, each group split into Read

package/dist/components/blocks/mcp-access-grouped-tool-picker.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from "react";
-import { Checkbox } from "../ui/checkbox";
-import { Input } from "../ui/input";
-import { Spinner } from "../ui/spinner";
-import { EmptySelectionWarning, InventoryUnavailableNote, keyOf, PickerRow, } from "./mcp-access-tool-picker-internals";
+import { Checkbox } from "../ui/checkbox.js";
+import { Input } from "../ui/input.js";
+import { Spinner } from "../ui/spinner.js";
+import { EmptySelectionWarning, InventoryUnavailableNote, keyOf, PickerRow, } from "./mcp-access-tool-picker-internals.js";
 const UNTAGGED_LABEL = "Other";
 /**
  * The tool picker for inventories big enough to need navigation: one scroll

package/dist/components/blocks/mcp-access-tool-picker-internals.d.ts

@@ -1,4 +1,4 @@
-import type { McpAccessToolListing } from "./mcp-access-types";
+import type { McpAccessToolListing } from "./mcp-access-types.js";
 /** The coordinate a selector and a compiled operation are matched on. */
 export declare const keyOf: (tool: {
     method: string;

package/dist/components/blocks/mcp-access-tool-picker-internals.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId } from "react";
-import { Checkbox } from "../ui/checkbox";
+import { Checkbox } from "../ui/checkbox.js";
 /** The coordinate a selector and a compiled operation are matched on. */
 export const keyOf = (tool) => `${tool.method} ${tool.pathTemplate}`;
 /** The one line an absent inventory renders, in both pickers. */

package/dist/components/blocks/mcp-access-tool-picker.d.ts

@@ -1,7 +1,7 @@
-import type { McpToolInventoryState } from "./mcp-access-tool-picker-internals";
-import type { McpAccessToolSelector } from "./mcp-access-types";
-export { keyOf } from "./mcp-access-tool-picker-internals";
-export type { McpToolInventoryState } from "./mcp-access-tool-picker-internals";
+import type { McpToolInventoryState } from "./mcp-access-tool-picker-internals.js";
+import type { McpAccessToolSelector } from "./mcp-access-types.js";
+export { keyOf } from "./mcp-access-tool-picker-internals.js";
+export type { McpToolInventoryState } from "./mcp-access-tool-picker-internals.js";
 /**
  * An exact tool selection, applied as it is clicked. There is nothing to
  * confirm: the list on screen is always what a code will be minted with, and an

package/dist/components/blocks/mcp-access-tool-picker.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Spinner } from "../ui/spinner";
-import { EmptySelectionWarning, InventoryUnavailableNote, keyOf, PickerRow, } from "./mcp-access-tool-picker-internals";
-export { keyOf } from "./mcp-access-tool-picker-internals";
+import { Spinner } from "../ui/spinner.js";
+import { EmptySelectionWarning, InventoryUnavailableNote, keyOf, PickerRow, } from "./mcp-access-tool-picker-internals.js";
+export { keyOf } from "./mcp-access-tool-picker-internals.js";
 /**
  * An exact tool selection, applied as it is clicked. There is nothing to
  * confirm: the list on screen is always what a code will be minted with, and an

package/dist/components/blocks/mcp-client-setup.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
-import type { ConnectPlan } from "./mcp-access-types";
-import type { McpConnectClient } from "./mcp-connect-clients";
+import type { ConnectPlan } from "./mcp-access-types.js";
+import type { McpConnectClient } from "./mcp-connect-clients.js";
 /**
  * Per-client setup for the connection.
  *

package/dist/components/blocks/mcp-client-setup.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Tabs, TabsList, TabsTrigger } from "../ui/tabs";
-import { CopyField } from "./copy-field";
-import { CONNECT_CLIENTS, clientSteps, planAffectsClient } from "./mcp-connect-clients";
-import { McpPlanChoice } from "./mcp-plan-choice";
+import { Tabs, TabsList, TabsTrigger } from "../ui/tabs.js";
+import { CopyField } from "./copy-field.js";
+import { CONNECT_CLIENTS, clientSteps, planAffectsClient } from "./mcp-connect-clients.js";
+import { McpPlanChoice } from "./mcp-plan-choice.js";
 /**
  * The shape a connector name must have to be interpolated unquoted into the
  * CLI commands below. Stricter than any one CLI needs: the first character

package/dist/components/blocks/mcp-connect-clients.d.ts

@@ -1,5 +1,5 @@
 import type { LucideIcon } from "lucide-react";
-import type { ConnectPlan } from "./mcp-access-types";
+import type { ConnectPlan } from "./mcp-access-types.js";
 /**
  * Closed: an unknown client is not a reason to show a broken dialog.
  *

package/dist/components/blocks/mcp-plan-choice.d.ts

@@ -1,4 +1,4 @@
-import type { ConnectPlan } from "./mcp-access-types";
+import type { ConnectPlan } from "./mcp-access-types.js";
 /**
  * Who adds the connector, as a named pair matching the access control above it.
  *

package/dist/components/blocks/mcp-plan-choice.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../ui/button";
+import { Button } from "../ui/button.js";
 const PLAN_LABEL = {
     personal: "Personal",
     workspace: "Team or Enterprise",

package/dist/components/blocks/submit-feedback-composer.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { FeedbackComposerProps } from "./feedback-composer";
-import type { useFeedbackComposerState } from "./use-feedback-composer-state";
+import type { FeedbackComposerProps } from "./feedback-composer.js";
+import type { useFeedbackComposerState } from "./use-feedback-composer-state.js";
 declare function submitFeedbackComposer(event: React.FormEvent<HTMLFormElement>, props: FeedbackComposerProps, state: ReturnType<typeof useFeedbackComposerState>): Promise<void>;
 export { submitFeedbackComposer };

package/dist/components/blocks/use-feedback-composer-state.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { FeedbackAffectedScope, FeedbackType, FeedbackUrgency, FeedbackValidationError } from "./feedback-composer-types";
+import type { FeedbackAffectedScope, FeedbackType, FeedbackUrgency, FeedbackValidationError } from "./feedback-composer-types.js";
 declare function useFeedbackComposerState(defaultType: FeedbackType, defaultUrgency: FeedbackUrgency): {
     affectedScope: FeedbackAffectedScope;
     attachments: File[];

package/dist/components/pages/admin-users-page.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { type AdminUsersTableProps } from "../blocks/admin-users-table";
-import { type InviteUserRole, type InviteUserValues } from "../blocks/invite-user-sheet";
+import { type AdminUsersTableProps } from "../blocks/admin-users-table.js";
+import { type InviteUserRole, type InviteUserValues } from "../blocks/invite-user-sheet.js";
 type AdminUsersPageProps = AdminUsersTableProps & {
     defaultRole?: string;
     isInviting?: boolean;

package/dist/components/pages/admin-users-page.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { UserPlusIcon } from "lucide-react";
-import { AdminUsersTable, } from "../blocks/admin-users-table";
-import { InviteUserSheet, } from "../blocks/invite-user-sheet";
-import { Button } from "../ui/button";
-import { MetricsStrip, MetricsStripDetail, MetricsStripItem, MetricsStripLabel, MetricsStripValue, } from "../ui/metrics-strip";
-import { PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderMain, PageHeaderTitle, } from "../ui/page-header";
+import { AdminUsersTable, } from "../blocks/admin-users-table.js";
+import { InviteUserSheet, } from "../blocks/invite-user-sheet.js";
+import { Button } from "../ui/button.js";
+import { MetricsStrip, MetricsStripDetail, MetricsStripItem, MetricsStripLabel, MetricsStripValue, } from "../ui/metrics-strip.js";
+import { PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderMain, PageHeaderTitle, } from "../ui/page-header.js";
 function AdminUsersPage({ defaultRole, isInviting = false, onInviteUser, roles, users, ...tableProps }) {
     const [inviteOpen, setInviteOpen] = React.useState(false);
     return (_jsxs("div", { className: "min-h-svh bg-background text-foreground", children: [_jsx(AdminUsersPageHeader, { onInvite: () => setInviteOpen(true) }), _jsxs("main", { className: "grid gap-4 px-4 py-4 md:px-6 lg:px-8", children: [_jsx(AdminUsersMetrics, { users: users }), _jsx(AdminUsersTable, { users: users, ...tableProps })] }), _jsx(InviteUserSheet, { defaultRole: defaultRole, isSubmitting: isInviting, onOpenChange: setInviteOpen, onSubmit: onInviteUser, open: inviteOpen, roles: roles })] }));

package/dist/components/pages/feedback-stakeholder-page-parts.d.ts

@@ -1,4 +1,4 @@
-import { type FeedbackStatus, type StakeholderFeedbackType } from "../blocks/feedback-tracking-types";
+import { type FeedbackStatus, type StakeholderFeedbackType } from "../blocks/feedback-tracking-types.js";
 type StatusFilter = FeedbackStatus | "all";
 type TypeFilter = StakeholderFeedbackType | "all";
 type FeedbackFilters = {

package/dist/components/pages/feedback-stakeholder-page-parts.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SearchIcon, XIcon } from "lucide-react";
-import { feedbackStatusOptions, feedbackTypeOptions, } from "../blocks/feedback-tracking-types";
-import { Button } from "../ui/button";
-import { Input } from "../ui/input";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select";
+import { feedbackStatusOptions, feedbackTypeOptions, } from "../blocks/feedback-tracking-types.js";
+import { Button } from "../ui/button.js";
+import { Input } from "../ui/input.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select.js";
 function FeedbackFiltersToolbar({ filters, hasActiveFilters, onClearFilters, onFiltersChange, }) {
     return (_jsxs("div", { className: "flex flex-col gap-2 md:flex-row md:items-center md:justify-between", children: [_jsx(FeedbackSearchInput, { onSearchChange: (search) => onFiltersChange({ ...filters, search }), search: filters.search }), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center", children: [_jsx(FeedbackStatusFilter, { onStatusChange: (status) => onFiltersChange({ ...filters, status }), status: filters.status }), _jsx(FeedbackTypeFilter, { onTypeChange: (type) => onFiltersChange({ ...filters, type }), type: filters.type }), hasActiveFilters ? _jsx(ClearFiltersButton, { onClearFilters: onClearFilters }) : null] })] }));
 }

package/dist/components/pages/feedback-stakeholder-page.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type FeedbackMetrics, type StakeholderFeedbackItem } from "../blocks/feedback-tracking-types";
+import { type FeedbackMetrics, type StakeholderFeedbackItem } from "../blocks/feedback-tracking-types.js";
 type FeedbackStakeholderPageProps = {
     isLoading?: boolean;
     items: StakeholderFeedbackItem[];

package/dist/components/pages/feedback-stakeholder-page.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { FeedbackDetailSheet } from "../blocks/feedback-detail-sheet";
-import { FeedbackMetricsStrip } from "../blocks/feedback-metrics";
-import { FeedbackTable } from "../blocks/feedback-table";
-import { ClearFiltersButton, FeedbackFiltersToolbar, } from "./feedback-stakeholder-page-parts";
-import { PageHeader, PageHeaderContent, PageHeaderDescription, PageHeaderMain, PageHeaderTitle, } from "../ui/page-header";
+import { FeedbackDetailSheet } from "../blocks/feedback-detail-sheet.js";
+import { FeedbackMetricsStrip } from "../blocks/feedback-metrics.js";
+import { FeedbackTable } from "../blocks/feedback-table.js";
+import { ClearFiltersButton, FeedbackFiltersToolbar, } from "./feedback-stakeholder-page-parts.js";
+import { PageHeader, PageHeaderContent, PageHeaderDescription, PageHeaderMain, PageHeaderTitle, } from "../ui/page-header.js";
 function FeedbackStakeholderPage({ isLoading = false, items, metrics, }) {
     const [filters, setFilters] = React.useState(defaultFilters);
     const [selectedFeedback, setSelectedFeedback] = React.useState();

package/dist/components/pages/kanban-page.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { KanbanCardData, KanbanColumnData, KanbanMoveEvent } from "../blocks/kanban-types";
+import type { KanbanCardData, KanbanColumnData, KanbanMoveEvent } from "../blocks/kanban-types.js";
 type KanbanPageProps = {
     cards: KanbanCardData[];
     columns: KanbanColumnData[];

package/dist/components/pages/kanban-page.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { PlusIcon, SearchIcon } from "lucide-react";
-import { KanbanBoard } from "../blocks/kanban-board";
-import { KanbanDetailSheet } from "../blocks/kanban-detail-sheet";
-import { Button } from "../ui/button";
-import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText } from "../ui/input-group";
-import { PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderMain, PageHeaderTitle, } from "../ui/page-header";
+import { KanbanBoard } from "../blocks/kanban-board.js";
+import { KanbanDetailSheet } from "../blocks/kanban-detail-sheet.js";
+import { Button } from "../ui/button.js";
+import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText } from "../ui/input-group.js";
+import { PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderMain, PageHeaderTitle, } from "../ui/page-header.js";
 function KanbanPage({ cards, columns, isLoading = false, onCardMove, onCreateCard, renderCardActions, renderColumnActions, }) {
     const [search, setSearch] = React.useState("");
     const [selectedCardId, setSelectedCardId] = React.useState();

package/dist/components/ui/accordion.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDownIcon } from "lucide-react";
 import { Accordion as AccordionPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function Accordion({ ...props }) {
     return _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
 }

package/dist/components/ui/alert-dialog.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
-import { type ButtonVariantProps } from "./button-variants";
+import { type ButtonVariantProps } from "./button-variants.js";
 declare function AlertDialogPortalContainerProvider({ children, container, }: {
     children: React.ReactNode;
     container: HTMLElement | null;

package/dist/components/ui/alert-dialog.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
-import { buttonVariants } from "./button-variants";
+import { cn } from "../../lib/utils.js";
+import { buttonVariants } from "./button-variants.js";
 const AlertDialogPortalContainerContext = React.createContext({
     container: null,
 });

package/dist/components/ui/alert.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const alertVariants = cva("relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-(--panel-padding) py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
     variants: {
         variant: {

package/dist/components/ui/app-shell-page.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PageHeader } from "./page-header";
+import { PageHeader } from "./page-header.js";
 type AppShellPageBrand = {
     name: string;
     iconLight: string;

package/dist/components/ui/app-shell-page.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { cn } from "../../lib/utils";
-import { PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderMain, PageHeaderTitle, } from "./page-header";
-import { SidebarTrigger } from "./sidebar";
+import { cn } from "../../lib/utils.js";
+import { PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderMain, PageHeaderTitle, } from "./page-header.js";
+import { SidebarTrigger } from "./sidebar.js";
 function AppShellPage({ className, ...props }) {
     return (_jsx("div", { "data-slot": "app-shell-page", className: cn("flex min-h-0 flex-1 flex-col bg-background text-foreground", className), ...props }));
 }

package/dist/components/ui/app-shell.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import type { SidebarAccountThemeMode } from "./sidebar-account-menu-theme";
-import type { SidebarProviderStyle } from "./sidebar/context";
+import type { SidebarAccountThemeMode } from "./sidebar-account-menu-theme.js";
+import type { SidebarProviderStyle } from "./sidebar/context.js";
 type AppShellBrand = {
     name: string;
     iconLight: string;

package/dist/components/ui/app-shell.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils";
-import { SidebarAccountMenu } from "./sidebar-account-menu";
-import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarTrigger, } from "./sidebar";
+import { cn } from "../../lib/utils.js";
+import { SidebarAccountMenu } from "./sidebar-account-menu.js";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarTrigger, } from "./sidebar.js";
 const defaultSidebarStyle = {
     "--sidebar-width": "15.5rem",
     "--sidebar-width-icon": "3rem",

package/dist/components/ui/avatar.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Avatar as AvatarPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 function Avatar({ className, size = "default", ...props }) {
     return (_jsx(AvatarPrimitive.Root, { "data-slot": "avatar", "data-size": size, className: cn("group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6", className), ...props }));
 }

package/dist/components/ui/badge-variants.d.ts

@@ -1,5 +1,5 @@
 import { type RecipeVariantProps } from "#ui/styled-system/css";
-declare const badgeVariants: import("../../styled-system/types").RecipeRuntimeFn<{
+declare const badgeVariants: import("../../styled-system/types/index.js").RecipeRuntimeFn<{
     variant: {
         default: {
             backgroundColor: "muted.subtle";