@ciridae/ui 0.17.0 → 1.0.1

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

@@ -1,63 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertTriangleIcon, ArrowLeftIcon, MessageSquareTextIcon, PaperclipIcon, } from "lucide-react";
-import { formatFeedbackTimestamp, formatFeedbackTimestampFull, getFeedbackTimestampDateTime, } from "./feedback-date-format.js";
-import { FeedbackStatusBadge } from "./feedback-status-badge.js";
-import { FeedbackTypeBadge } from "./feedback-type-badge.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, ItemContent, ItemGroup, ItemGroupItem, ItemMedia, ItemTitle } from "../ui/item.js";
-import { PropertyList, PropertyListItem, PropertyListLabel, PropertyListValue, } from "../ui/property-list.js";
-function FeedbackUserDetail({ activityLabel = "Activity", activitySlot, evidenceSlot, feedback, onBack, }) {
-    if (!feedback)
-        return _jsx(FeedbackUserDetailEmpty, {});
-    return (_jsxs("div", { className: "grid content-start gap-(--panel-gap)", children: [_jsx(FeedbackUserDetailHeader, { feedback: feedback, onBack: onBack }), _jsx(FeedbackUserDetailMeta, { feedback: feedback }), _jsx(FeedbackUserDetailBody, { feedback: feedback }), evidenceSlot ?? _jsx(FeedbackUserAttachments, { feedback: feedback }), activitySlot ? (_jsx(FeedbackUserActivity, { activityLabel: activityLabel, activitySlot: activitySlot })) : null] }));
-}
-function FeedbackUserDetailHeader({ feedback, onBack, }) {
-    return (_jsx("header", { className: "grid gap-3", children: _jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [onBack ? _jsx(FeedbackUserDetailBackButton, { onBack: onBack }) : null, _jsx("div", { className: "min-w-0 flex-1", children: _jsxs("div", { className: "flex min-w-0 items-center justify-between gap-3", children: [_jsx("h3", { className: "truncate text-sm font-medium text-foreground", children: feedback.subject }), _jsx(FeedbackUserDetailBadges, { feedback: feedback })] }) })] }) }));
-}
-function FeedbackUserDetailBadges({ feedback }) {
-    return (_jsxs("div", { className: "flex shrink-0 flex-wrap justify-end gap-2", children: [feedback.hasUnreadReply ? _jsx(Badge, { variant: "secondary", children: "New activity" }) : null, feedback.urgency === "emergency" ? (_jsxs(Badge, { variant: "destructive", children: [_jsx(AlertTriangleIcon, {}), "Emergency"] })) : null, _jsx(FeedbackTypeBadge, { type: feedback.type }), _jsx(FeedbackStatusBadge, { status: feedback.status })] }));
-}
-function FeedbackUserDetailBackButton({ onBack }) {
-    return (_jsx(Button, { "aria-label": "Back to my feedback", className: "-ml-2 shrink-0", onClick: onBack, size: "icon", type: "button", variant: "ghost", children: _jsx(ArrowLeftIcon, {}) }));
-}
-function FeedbackUserDetailMeta({ feedback }) {
-    return (_jsxs(PropertyList, { children: [_jsx(FeedbackProperty, { label: "Submitted", children: _jsx(FeedbackUserDateValue, { value: feedback.submittedAt }) }), feedback.urgency === "emergency" && feedback.affectedScope ? (_jsx(FeedbackProperty, { label: "Affected scope", children: _jsx("span", { className: "text-xs", children: affectedScopeLabels[feedback.affectedScope] }) })) : null] }));
-}
-function FeedbackUserDetailBody({ feedback }) {
-    return (_jsxs("section", { className: "grid gap-2 border-t pt-4", children: [_jsx("div", { className: "text-meta text-muted-foreground", children: "Feedback" }), _jsx("p", { className: "text-sm whitespace-pre-wrap text-foreground", children: feedback.description })] }));
-}
-function FeedbackProperty({ children, label }) {
-    return (_jsxs(PropertyListItem, { children: [_jsx(PropertyListLabel, { children: label }), _jsx(PropertyListValue, { children: children })] }));
-}
-function FeedbackUserDateValue({ value }) {
-    return (_jsx("time", { className: "font-mono text-xs tabular-nums", dateTime: getFeedbackTimestampDateTime(value), title: formatFeedbackTimestampFull(value), children: formatFeedbackTimestamp(value) }));
-}
-function FeedbackUserAttachments({ feedback }) {
-    const attachments = feedback.attachments ?? [];
-    if (attachments.length === 0)
-        return null;
-    return (_jsxs("section", { className: "grid gap-2", children: [_jsx("div", { className: "text-meta text-muted-foreground", children: "Attachments" }), _jsx(ItemGroup, { children: attachments.map((attachment, index) => (_jsx(ItemGroupItem, { children: _jsxs(Item, { size: "sm", variant: "outline", children: [_jsx(ItemMedia, { variant: "icon", children: _jsx(PaperclipIcon, {}) }), _jsx(ItemContent, { children: _jsx(ItemTitle, { children: getAttachmentTitle(attachment) }) })] }) }, getAttachmentKey(attachment, index)))) })] }));
-}
-function getAttachmentKey(attachment, index) {
-    return `${attachment.url ?? attachment.name}-${index}`;
-}
-function getAttachmentTitle(attachment) {
-    if (!attachment.url)
-        return attachment.name;
-    return (_jsx("a", { className: "underline-offset-4 hover:underline", href: attachment.url, children: attachment.name }));
-}
-function FeedbackUserActivity({ activityLabel, activitySlot, }) {
-    return (_jsxs("section", { className: "grid gap-3 border-t pt-4", children: [_jsxs("div", { className: "grid gap-0.5", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: activityLabel }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Messages here are visible to you and the support team." })] }), activitySlot] }));
-}
-const affectedScopeLabels = {
-    everyone: "Everyone",
-    just_me: "Just me",
-    my_team: "My team",
-    unknown: "Not sure",
-};
-function FeedbackUserDetailEmpty() {
-    return (_jsx(Empty, { className: "min-h-72", children: _jsxs(EmptyHeader, { children: [_jsx(EmptyMedia, { variant: "icon", children: _jsx(MessageSquareTextIcon, {}) }), _jsx(EmptyTitle, { children: "Select feedback" }), _jsx(EmptyDescription, { children: "Choose a submission to see its progress and details." })] }) }));
-}
-export { FeedbackUserDetail };

package/dist/components/blocks/feedback-user-list.d.ts

@@ -1,11 +0,0 @@
-import type { UserFeedbackItem } from "./feedback-tracking-types.js";
-type FeedbackUserListProps = {
-    error?: Error | null;
-    isLoading?: boolean;
-    items: UserFeedbackItem[];
-    onRetry?: () => void;
-    onSelectFeedback?: (item: UserFeedbackItem) => void;
-    selectedId?: string;
-};
-declare function FeedbackUserList({ error, isLoading, items, onRetry, onSelectFeedback, selectedId, }: FeedbackUserListProps): import("@types/react").JSX.Element;
-export { FeedbackUserList, type FeedbackUserListProps };

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

@@ -1,41 +0,0 @@
-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.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, {});
-    if (error)
-        return _jsx(FeedbackUserListError, { error: error, onRetry: onRetry });
-    if (items.length === 0)
-        return _jsx(FeedbackUserListEmpty, {});
-    return (_jsx(ItemGroup, { className: "divide-y divide-border", children: items.map((item) => (_jsx(FeedbackUserListItem, { item: item, onSelectFeedback: onSelectFeedback, selected: item.id === selectedId }, item.id))) }));
-}
-function FeedbackUserListError({ error, onRetry }) {
-    return (_jsxs(Alert, { variant: "destructive", children: [_jsx(AlertCircleIcon, {}), _jsx(AlertTitle, { children: "Feedback could not be loaded" }), _jsxs(AlertDescription, { className: "grid gap-3", children: [_jsx("span", { children: error.message }), onRetry ? (_jsx(Button, { className: "justify-self-start", onClick: onRetry, size: "sm", type: "button", variant: "outline", children: "Try again" })) : null] })] }));
-}
-function FeedbackUserListItem({ item, onSelectFeedback, selected, }) {
-    return (_jsx(ItemGroupItem, { children: _jsx(Item, { "aria-current": selected ? "true" : undefined, asChild: true, className: cn("w-full cursor-pointer rounded-none px-0 text-left", selected && "bg-muted/50"), size: "sm", variant: "default", children: _jsx("button", { onClick: () => onSelectFeedback?.(item), type: "button", children: _jsx(FeedbackUserListItemContent, { item: item }) }) }) }));
-}
-function FeedbackUserListItemContent({ item }) {
-    return (_jsxs(_Fragment, { children: [_jsxs(ItemContent, { className: "min-w-0", children: [_jsx(ItemTitle, { className: "max-w-full truncate", children: item.subject }), _jsx(ItemDescription, { className: "line-clamp-1", children: item.description })] }), _jsxs(ItemActions, { className: "shrink-0", children: [item.hasUnreadReply ? _jsx(Badge, { variant: "secondary", children: "New activity" }) : null, item.urgency === "emergency" ? (_jsxs(Badge, { variant: "destructive", children: [_jsx(AlertTriangleIcon, {}), "Emergency"] })) : null, _jsx(FeedbackTypeBadge, { type: item.type }), _jsx(FeedbackStatusBadge, { status: item.status })] }), _jsxs(ItemFooter, { children: [_jsx(FeedbackListDate, { label: "Submitted", value: item.submittedAt }), item.updatedAt ? _jsx(FeedbackListDate, { label: "Updated", value: item.updatedAt }) : null] })] }));
-}
-function FeedbackListDate({ label, value }) {
-    return (_jsxs("span", { className: "font-mono text-xs text-muted-foreground tabular-nums", children: [label, " ", formatFeedbackTimestamp(value)] }));
-}
-function FeedbackUserListLoading() {
-    return (_jsx("div", { "aria-label": "Loading feedback", className: "grid gap-2", role: "status", children: loadingItems.map((item) => (_jsxs("div", { className: "py-(--panel-padding)", children: [_jsx(Skeleton, { className: "mb-2 h-4 w-2/3" }), _jsx(Skeleton, { className: "mb-4 h-3 w-full" }), _jsx(Skeleton, { className: "h-3 w-1/2" })] }, item))) }));
-}
-function FeedbackUserListEmpty() {
-    return (_jsx(Empty, { className: "min-h-72", children: _jsxs(EmptyHeader, { children: [_jsx(EmptyMedia, { variant: "icon", children: _jsx(InboxIcon, {}) }), _jsx(EmptyTitle, { children: "No feedback yet" }), _jsx(EmptyDescription, { children: "Feedback you submit will appear here with its current progress." })] }) }));
-}
-const loadingItems = ["first", "second", "third"];
-export { FeedbackUserList };

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

@@ -1,22 +0,0 @@
-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
- * last mint produced, absent until one succeeds.
- */
-export type CreateConnectLinkState = {
-    data: McpConnectLink | undefined;
-    isPending: boolean;
-    mutate: () => void;
-};
-/**
- * The mint button and whatever link it has produced. Split from the sheet
- * because this is the one control that acts on the chosen access, and what it
- * is named and coloured for has to track that choice rather than the mode.
- */
-export declare function GeneratedConnectLink({ access, createConnectLink, currentTools, disabled, }: {
-    access: McpAccessMode | undefined;
-    createConnectLink: CreateConnectLinkState;
-    currentTools: McpAccessToolSelector[] | null;
-    disabled: boolean;
-}): import("@types/react").JSX.Element;

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

@@ -1,68 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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",
-});
-const ACCESS_LABEL = { read_only: "read-only", all: "full", selected: "custom" };
-const generateLabel = (hasLink, access, writes) => {
-    if (hasLink)
-        return "Generate new code";
-    if (access === "all")
-        return "Generate full-access code";
-    return writes ? "Generate write-access code" : "Generate code";
-};
-/**
- * The methods the tool compiler treats as read-only, mirroring its
- * `_READ_ONLY_METHODS` — the `readOnly` an operation reports is that set
- * membership and nothing else, so a selector's own method already answers this.
- */
-const READ_ONLY_METHODS = new Set(["GET"]);
-/**
- * Whether the link this button mints can write. `all` always can, and so can a
- * Custom set holding a non-`GET` operation. Read off the selectors the grant is
- * already made of rather than the compiled inventory: the two agree by
- * construction, and asking the server would put a network boundary — and a
- * failure mode — under a pure predicate.
- */
-function grantsWrite(access, currentTools) {
-    if (access === "all")
-        return true;
-    if (access !== "selected")
-        return false;
-    return (currentTools ?? []).some((tool) => !READ_ONLY_METHODS.has(tool.method));
-}
-/**
- * The mint button and whatever link it has produced. Split from the sheet
- * because this is the one control that acts on the chosen access, and what it
- * is named and coloured for has to track that choice rather than the mode.
- */
-export function GeneratedConnectLink({ access, createConnectLink, currentTools, disabled, }) {
-    const link = createConnectLink.data;
-    const writeGranting = grantsWrite(access, currentTools);
-    // The link reports the access it was minted with, not the current setting,
-    // so switching modes — or changing a custom selection — with a link on
-    // screen labels it honestly instead of silently re-describing a credential
-    // that already exists.
-    const changedSinceMint = link !== undefined &&
-        (link.access !== access ||
-            !sameSelection(link.access === "selected" ? link.tools : null, currentTools));
-    const staleLabel = changedSinceMint && access !== undefined ? ACCESS_LABEL[access] : null;
-    return (_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)] gap-2", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [_jsx(Button, { disabled: createConnectLink.isPending || disabled, onClick: () => {
-                            // What the button is labelled for, not what was last read.
-                            createConnectLink.mutate();
-                        }, size: "sm", 
-                        // Named and coloured for what it will mint: the access is chosen
-                        // well above this button, and this is the click that acts on it.
-                        // Keyed on whether the grant can write rather than on the mode, so
-                        // a Custom set holding an action tool does not read as read-only.
-                        variant: writeGranting ? "destructive" : "default", children: generateLabel(link !== undefined, access, writeGranting) }), createConnectLink.isPending ? (_jsx(Spinner, { "aria-label": "Generating connection code", className: "text-muted-foreground" })) : null, link === undefined ? null : (_jsxs("p", { className: "text-muted-foreground/70 text-xs", children: [_jsxs("span", { className: "font-medium", children: [ACCESS_LABEL[link.access], " access"] }), " \u00B7 single use \u00B7 expires ", expiryFormatter.format(link.expiresAtEpochMilliseconds)] }))] }), staleLabel === null ? null : (_jsxs("p", { className: "text-destructive text-xs", children: ["This code was generated before you changed the access above. Generate a new one to share", " ", staleLabel, " access."] }))] }));
-}
-function sameSelection(left, right) {
-    if (left === null || right === null)
-        return left === right;
-    const keys = new Set(left.map((tool) => keyOf(tool)));
-    return right.length === left.length && right.every((tool) => keys.has(keyOf(tool)));
-}

package/dist/components/blocks/invite-user-sheet.d.ts

@@ -1,20 +0,0 @@
-import * as React from "react";
-type InviteUserRole = {
-    description?: string;
-    label: string;
-    value: string;
-};
-type InviteUserValues = {
-    email: string;
-    role: string;
-};
-type InviteUserSheetProps = {
-    defaultRole?: string;
-    isSubmitting?: boolean;
-    onOpenChange: (open: boolean) => void;
-    onSubmit: (values: InviteUserValues) => void | Promise<void>;
-    open: boolean;
-    roles: InviteUserRole[];
-};
-declare function InviteUserSheet({ defaultRole, isSubmitting, onOpenChange, onSubmit, open, roles, }: InviteUserSheetProps): React.JSX.Element;
-export { InviteUserSheet, type InviteUserRole, type InviteUserSheetProps, type InviteUserValues };

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

@@ -1,72 +0,0 @@
-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.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();
-    const emailFieldId = `${formId}-email`;
-    const roleFieldId = `${formId}-role`;
-    const [email, setEmail] = React.useState("");
-    const [role, setRole] = React.useState(initialRole);
-    const [error, setError] = React.useState();
-    React.useEffect(() => {
-        setRole(initialRole);
-    }, [initialRole]);
-    React.useEffect(() => {
-        if (open)
-            return;
-        setEmail("");
-        setError(undefined);
-        setRole(initialRole);
-    }, [initialRole, open]);
-    const submitInvite = async (event) => {
-        event.preventDefault();
-        const values = { email: email.trim(), role };
-        const validationError = getInviteValidationError(values);
-        setError(validationError);
-        if (validationError)
-            return;
-        try {
-            await onSubmit(values);
-        }
-        catch {
-            setError("Unable to send invite. Please try again.");
-        }
-    };
-    return (_jsx(Sheet, { onOpenChange: onOpenChange, open: open, children: _jsxs(SheetContent, { children: [_jsx(InviteUserSheetHeader, {}), _jsx(SheetBody, { children: _jsx("form", { className: "grid gap-(--panel-gap)", id: formId, onSubmit: submitInvite, children: _jsx(InviteUserFields, { email: email, emailFieldId: emailFieldId, error: error, isSubmitting: isSubmitting, onEmailChange: setEmail, onRoleChange: setRole, role: role, roleFieldId: roleFieldId, roles: roles }) }) }), _jsx(InviteUserSheetFooter, { formId: formId, isSubmitting: isSubmitting, roles: roles })] }) }));
-}
-function InviteUserSheetHeader() {
-    return (_jsxs(SheetHeader, { children: [_jsx(SheetTitle, { children: "Invite user" }), _jsx(SheetDescription, { children: "Add a teammate and send an application invite." })] }));
-}
-function InviteUserFields({ email, emailFieldId, error, isSubmitting, onEmailChange, onRoleChange, role, roleFieldId, roles, }) {
-    return (_jsxs(FieldGroup, { children: [_jsxs(Field, { "data-invalid": error === "Email is required", children: [_jsx(FieldLabel, { htmlFor: emailFieldId, children: "Email" }), _jsx(Input, { "aria-invalid": error === "Email is required", autoComplete: "email", disabled: isSubmitting, id: emailFieldId, onChange: (event) => onEmailChange(event.target.value), placeholder: "name@company.com", type: "email", value: email }), error === "Email is required" ? _jsx(FieldError, { children: error }) : null] }), _jsx(InviteUserRoleField, { error: error, isSubmitting: isSubmitting, onRoleChange: onRoleChange, role: role, roleFieldId: roleFieldId, roles: roles }), _jsx(InviteUserSubmitError, { error: error })] }));
-}
-function InviteUserSubmitError({ error }) {
-    if (!error || error === "Email is required" || error === "Role is required")
-        return null;
-    return _jsx(FieldError, { children: error });
-}
-function InviteUserRoleField({ error, isSubmitting, onRoleChange, role, roleFieldId, roles, }) {
-    return (_jsxs(Field, { "data-invalid": error === "Role is required", children: [_jsxs(FieldContent, { children: [_jsx(FieldLabel, { htmlFor: roleFieldId, children: "Role" }), _jsx(FieldDescription, { children: "Choose the initial access level for this user." })] }), _jsxs(Select, { disabled: isSubmitting || roles.length === 0, onValueChange: onRoleChange, value: role, children: [_jsx(SelectTrigger, { "aria-invalid": error === "Role is required", className: "w-full", id: roleFieldId, children: _jsx(SelectValue, { placeholder: "Select role" }) }), _jsx(SelectContent, { children: roles.map((item) => (_jsx(SelectItem, { value: item.value, children: item.label }, item.value))) })] }), error === "Role is required" ? _jsx(FieldError, { children: error }) : null] }));
-}
-function InviteUserSheetFooter({ formId, isSubmitting, roles, }) {
-    return (_jsx(SheetFooter, { children: _jsxs(Button, { disabled: roles.length === 0, form: formId, loading: isSubmitting, type: "submit", children: [_jsx(SendIcon, {}), "Send invite"] }) }));
-}
-function getInitialRole(roles, defaultRole) {
-    if (defaultRole && roles.some((role) => role.value === defaultRole))
-        return defaultRole;
-    return roles[0]?.value ?? "";
-}
-function getInviteValidationError(values) {
-    if (!values.email)
-        return "Email is required";
-    if (!values.role)
-        return "Role is required";
-    return undefined;
-}
-export { InviteUserSheet };

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

@@ -1,26 +0,0 @@
-import type * as React from "react";
-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;
-    activeMove: KanbanMoveEvent | undefined;
-    boardState: KanbanBoardState;
-    column: KanbanColumnData;
-    columnMaxHeight: React.CSSProperties["maxHeight"];
-    empty?: React.ReactNode;
-    isLoading: boolean;
-    isOver: boolean;
-    onCardMove?: (event: KanbanMoveEvent) => void;
-    onCardSelect?: (card: KanbanCardData) => void;
-    renderCard?: (card: KanbanCardData) => React.ReactNode;
-    renderCardActions?: (card: KanbanCardData) => React.ReactNode;
-    renderColumnActions?: (column: KanbanColumnData) => React.ReactNode;
-    suppressSelectRef: React.MutableRefObject<boolean>;
-};
-declare function KanbanBoardColumn({ activeCardId, activeCardRect, activeMove, boardState, column, columnMaxHeight, empty, isLoading, isOver, onCardMove, onCardSelect, renderCard, renderCardActions, renderColumnActions, suppressSelectRef, }: KanbanBoardColumnProps): React.JSX.Element;
-declare function KanbanDragOverlay({ activeCard, activeCardRect, }: {
-    activeCard: KanbanCardData | undefined;
-    activeCardRect: KanbanOverlayRect | undefined;
-}): React.ReactPortal;
-export { KanbanBoardColumn, KanbanDragOverlay };

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

@@ -1,83 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-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.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);
-    const droppable = useDroppable({
-        data: { columnId: column.id, type: "column" },
-        id: getColumnDroppableId(column.id),
-    });
-    return (_jsx("div", { className: "w-72 shrink-0", ref: droppable.setNodeRef, children: _jsx(SortableContext, { items: cards.map((card) => card.id), strategy: verticalListSortingStrategy, children: _jsx(KanbanColumn, { actionsSlot: renderColumnActions?.(column), cards: cards, column: column, columnMaxHeight: columnMaxHeight, dropPlaceholder: dropPlaceholderIndex === undefined ? undefined : (_jsx(KanbanDropPlaceholder, { height: activeCardRect?.height })), dropPlaceholderIndex: dropPlaceholderIndex, empty: empty, isLoading: isLoading, isOver: isOver || droppable.isOver, renderCard: (card) => (_jsx(SortableKanbanCard, { activeCardHeight: activeCardRect?.height, activeCardMode: getActiveCardMode(card, activeMove), card: card, dragDisabled: Boolean(!onCardMove || card.disabled), isActiveCard: activeCardId === card.id, onCardSelect: onCardSelect, renderCard: renderCard, renderCardActions: renderCardActions, suppressSelectRef: suppressSelectRef })) }) }) }));
-}
-function SortableKanbanCard({ activeCardHeight, activeCardMode, card, dragDisabled, isActiveCard, onCardSelect, renderCard, renderCardActions, suppressSelectRef, }) {
-    const sortable = useSortable({
-        data: { card, columnId: card.columnId, type: "card" },
-        disabled: dragDisabled,
-        id: card.id,
-    });
-    const style = {
-        transform: CSS.Transform.toString(sortable.transform),
-        transition: sortable.transition,
-    };
-    return (_jsx("div", { ...sortable.attributes, ...sortable.listeners, "aria-disabled": card.disabled || undefined, className: "rounded-md outline-none focus-visible:ring-[var(--focus-ring-width)] focus-visible:ring-ring/50 data-[disabled=true]:cursor-default data-[disabled=true]:opacity-60 data-[draggable=true]:cursor-grab data-[draggable=true]:active:cursor-grabbing", "data-disabled": Boolean(card.disabled), "data-draggable": !dragDisabled, onClick: getSortableCardClickHandler({ card, onCardSelect, suppressSelectRef }), ref: sortable.setNodeRef, style: style, children: _jsx(SortableKanbanCardContent, { activeCardHeight: activeCardHeight, activeCardMode: activeCardMode, card: card, isActiveCard: isActiveCard, isDragging: sortable.isDragging, renderCard: renderCard, renderCardActions: renderCardActions }) }));
-}
-function SortableKanbanCardContent({ activeCardHeight, activeCardMode, card, isActiveCard, isDragging, renderCard, renderCardActions, }) {
-    if (isActiveCard && activeCardMode === "spacer") {
-        return _jsx(KanbanActiveCardSpacer, { height: activeCardHeight });
-    }
-    if (isActiveCard)
-        return _jsx(KanbanDropPlaceholder, { height: activeCardHeight });
-    if (renderCard)
-        return renderCard(card);
-    return _jsx(KanbanCard, { actionsSlot: renderCardActions?.(card), card: card, isDragging: isDragging });
-}
-function KanbanActiveCardSpacer({ height }) {
-    return _jsx("div", { "aria-hidden": "true", style: { height: height ? Math.max(height, 72) : 96 } });
-}
-function KanbanDropPlaceholder({ height }) {
-    return (_jsx("div", { "aria-hidden": "true", className: "rounded-md border border-dashed border-ring bg-muted/60 shadow-inner", style: { height: height ? Math.max(height, 72) : 96 } }));
-}
-function KanbanDragOverlay({ activeCard, activeCardRect, }) {
-    const overlay = (_jsx(DragOverlay, { adjustScale: false, children: activeCard ? (_jsx("div", { style: { width: activeCardRect?.width }, children: _jsx(KanbanCard, { card: activeCard, isDragging: true }) })) : null }));
-    return createPortal(overlay, document.body);
-}
-function getSortableCardClickHandler({ card, onCardSelect, suppressSelectRef, }) {
-    return (event) => {
-        if (suppressSelectRef.current) {
-            event.preventDefault();
-            event.stopPropagation();
-            return;
-        }
-        if (!onCardSelect || card.disabled)
-            return;
-        if (event.target instanceof HTMLElement && event.target.closest("[data-kanban-card-action]")) {
-            return;
-        }
-        onCardSelect(card);
-    };
-}
-function getDropPlaceholderIndex(columnId, activeMove) {
-    if (!activeMove)
-        return undefined;
-    if (activeMove.fromColumnId === activeMove.toColumnId)
-        return undefined;
-    if (activeMove.toColumnId !== columnId)
-        return undefined;
-    return activeMove.toIndex;
-}
-function getActiveCardMode(card, activeMove) {
-    if (!activeMove)
-        return "placeholder";
-    if (activeMove.cardId !== card.id)
-        return "placeholder";
-    if (activeMove.fromColumnId === activeMove.toColumnId)
-        return "placeholder";
-    return "spacer";
-}
-export { KanbanBoardColumn, KanbanDragOverlay };

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

@@ -1,58 +0,0 @@
-import type * as React from "react";
-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[]>;
-};
-type KanbanOverlayRect = {
-    height: number;
-    width: number;
-};
-type KanbanDragStateSetters = {
-    setActiveCard: React.Dispatch<React.SetStateAction<KanbanCardData | undefined>>;
-    setActiveCardRect: React.Dispatch<React.SetStateAction<KanbanOverlayRect | undefined>>;
-    setActiveMove: React.Dispatch<React.SetStateAction<KanbanMoveEvent | undefined>>;
-    setOverColumnId: React.Dispatch<React.SetStateAction<string | undefined>>;
-};
-declare function getKanbanBoardState(columns: KanbanColumnData[], cards: KanbanCardData[]): {
-    cardById: Map<string, KanbanCardData>;
-    cardsByColumnId: Map<string, KanbanCardData[]>;
-};
-declare function getDragStartHandler({ cardById, setters, suppressSelectRef, }: {
-    cardById: Map<string, KanbanCardData>;
-    setters: KanbanDragStateSetters;
-    suppressSelectRef: React.MutableRefObject<boolean>;
-}): (event: DragStartEvent) => void;
-declare function getDragOverHandler({ boardState, setActiveMove, setOverColumnId, }: {
-    boardState: KanbanBoardState;
-    setActiveMove: React.Dispatch<React.SetStateAction<KanbanMoveEvent | undefined>>;
-    setOverColumnId: React.Dispatch<React.SetStateAction<string | undefined>>;
-}): (event: DragOverEvent) => void;
-declare function getDragEndHandler({ activeMove, boardState, onCardMove, setters, suppressSelectRef, }: {
-    activeMove: KanbanMoveEvent | undefined;
-    boardState: KanbanBoardState;
-    onCardMove?: (event: KanbanMoveEvent) => void;
-    setters: KanbanDragStateSetters;
-    suppressSelectRef: React.MutableRefObject<boolean>;
-}): (event: DragEndEvent) => void;
-declare function clearDragState(setters: KanbanDragStateSetters): void;
-declare function getColumnDroppableId(columnId: string): string;
-/**
- * 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,140 +0,0 @@
-import { closestCorners, pointerWithin } from "@dnd-kit/core";
-function getKanbanBoardState(columns, cards) {
-    const cardsByColumnId = new Map();
-    const cardById = new Map();
-    const columnIds = new Set(columns.map((column) => column.id));
-    for (const column of columns) {
-        cardsByColumnId.set(column.id, []);
-    }
-    for (const card of cards) {
-        cardById.set(card.id, card);
-        if (import.meta.env.DEV && !columnIds.has(card.columnId)) {
-            console.warn(`KanbanBoard received card "${card.id}" for missing column "${card.columnId}".`);
-        }
-        if (!cardsByColumnId.has(card.columnId))
-            cardsByColumnId.set(card.columnId, []);
-        cardsByColumnId.get(card.columnId)?.push(card);
-    }
-    return { cardById, cardsByColumnId };
-}
-function getDragStartHandler({ cardById, setters, suppressSelectRef, }) {
-    return (event) => {
-        const card = cardById.get(String(event.active.id));
-        setters.setActiveCard(card);
-        setters.setActiveCardRect(getActiveCardRect(event));
-        setters.setActiveMove(undefined);
-        setters.setOverColumnId(card?.columnId);
-        suppressSelectRef.current = true;
-    };
-}
-function getDragOverHandler({ boardState, setActiveMove, setOverColumnId, }) {
-    return (event) => {
-        const moveEvent = getKanbanMoveEvent(event.active.id, event.over?.id, boardState);
-        const nextOverColumnId = moveEvent?.toColumnId ?? getTargetColumnId(event.over?.id, boardState);
-        setActiveMove((currentMove) => areKanbanMovesEqual(currentMove, moveEvent) ? currentMove : moveEvent);
-        setOverColumnId((currentColumnId) => currentColumnId === nextOverColumnId ? currentColumnId : nextOverColumnId);
-    };
-}
-function getDragEndHandler({ activeMove, boardState, onCardMove, setters, suppressSelectRef, }) {
-    return (event) => {
-        const moveEvent = getKanbanMoveEvent(event.active.id, event.over?.id, boardState) ?? activeMove;
-        clearDragState(setters);
-        window.setTimeout(() => {
-            suppressSelectRef.current = false;
-        }, 0);
-        if (moveEvent)
-            onCardMove?.(moveEvent);
-    };
-}
-function getKanbanMoveEvent(activeId, overId, boardState) {
-    const activeCard = boardState.cardById.get(String(activeId));
-    if (!activeCard || !overId)
-        return undefined;
-    const targetColumnId = getTargetColumnId(overId, boardState);
-    if (!targetColumnId)
-        return undefined;
-    const fromCards = boardState.cardsByColumnId.get(activeCard.columnId) ?? [];
-    const targetCards = boardState.cardsByColumnId.get(targetColumnId) ?? [];
-    const fromIndex = fromCards.findIndex((card) => card.id === activeCard.id);
-    const toIndex = getTargetIndex(overId, targetCards);
-    if (fromIndex < 0 || toIndex < 0)
-        return undefined;
-    if (activeCard.columnId === targetColumnId && fromIndex === toIndex)
-        return undefined;
-    return {
-        cardId: activeCard.id,
-        fromColumnId: activeCard.columnId,
-        fromIndex,
-        toColumnId: targetColumnId,
-        toIndex,
-    };
-}
-function clearDragState(setters) {
-    setters.setActiveCard(undefined);
-    setters.setActiveCardRect(undefined);
-    setters.setActiveMove(undefined);
-    setters.setOverColumnId(undefined);
-}
-function getColumnDroppableId(columnId) {
-    return `${columnDroppablePrefix}${columnId}`;
-}
-function getTargetColumnId(overId, boardState) {
-    if (!overId)
-        return undefined;
-    const id = String(overId);
-    if (isColumnDroppableId(id))
-        return id.replace(columnDroppablePrefix, "");
-    return boardState.cardById.get(id)?.columnId;
-}
-function getTargetIndex(overId, targetCards) {
-    const id = String(overId);
-    if (isColumnDroppableId(id))
-        return targetCards.length;
-    return targetCards.findIndex((card) => card.id === id);
-}
-function getActiveCardRect(event) {
-    const rect = event.active.rect.current.initial;
-    if (!rect)
-        return undefined;
-    return { height: rect.height, width: rect.width };
-}
-function isColumnDroppableId(id) {
-    return id.startsWith(columnDroppablePrefix);
-}
-function areKanbanMovesEqual(currentMove, nextMove) {
-    if (!currentMove && !nextMove)
-        return true;
-    if (!currentMove || !nextMove)
-        return false;
-    return (currentMove.cardId === nextMove.cardId &&
-        currentMove.fromColumnId === nextMove.fromColumnId &&
-        currentMove.toColumnId === nextMove.toColumnId &&
-        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, kanbanCollisionDetection, };

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

@@ -1,16 +0,0 @@
-import * as React from "react";
-import type { KanbanCardData, KanbanColumnData, KanbanMoveEvent } from "./kanban-types.js";
-type KanbanBoardProps = {
-    cards: KanbanCardData[];
-    columns: KanbanColumnData[];
-    columnMaxHeight?: React.CSSProperties["maxHeight"];
-    empty?: React.ReactNode;
-    isLoading?: boolean;
-    onCardMove?: (event: KanbanMoveEvent) => void;
-    onCardSelect?: (card: KanbanCardData) => void;
-    renderCard?: (card: KanbanCardData) => React.ReactNode;
-    renderCardActions?: (card: KanbanCardData) => React.ReactNode;
-    renderColumnActions?: (column: KanbanColumnData) => React.ReactNode;
-};
-declare function KanbanBoard({ cards, columns, columnMaxHeight, empty, isLoading, onCardMove, onCardSelect, renderCard, renderCardActions, renderColumnActions, }: KanbanBoardProps): React.JSX.Element;
-export { KanbanBoard, type KanbanBoardProps };