@kelpie/ui 0.1.0

package/dist/components/PageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/components/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,KAAK,EACL,QAAgB,GACjB,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAerC;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAC9B;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,WAAuB,GACxB,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAWpC"}

package/dist/components/PageHeader.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AddButton } from './SectionHeader.js';
+export function PageHeader({ title, description, actions, onAdd, addLabel = 'Add', }) {
+    return (_jsxs("div", { className: "mb-4 flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-[18px] font-semibold tracking-tight text-ink", children: title }), description !== undefined && (_jsx("p", { className: "mt-0.5 text-[13px] text-ink-muted", children: description }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [actions, onAdd !== undefined && _jsx(AddButton, { onClick: onAdd, label: addLabel })] })] }));
+}
+/**
+ * The list filter box. What it types goes to the API as `?q=`, so this is the
+ * one place a page decides what "filter" means for its resource.
+ */
+export function FilterBar({ value, onChange, placeholder = 'Filter…', }) {
+    return (_jsx("input", { value: value, onChange: (event) => {
+            onChange(event.target.value);
+        }, placeholder: placeholder, className: "mb-3 w-full max-w-xs rounded-md border border-border bg-transparent px-2.5 py-1.5 text-[13px] outline-none placeholder:text-ink-faint focus:border-accent" }));
+}
+//# sourceMappingURL=PageHeader.js.map

package/dist/components/PageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../src/components/PageHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAqB,CAAA;AAU/C,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,KAAK,EACL,QAAQ,GAAG,KAAK,GACA;IAChB,OAAO,CACL,eAAK,SAAS,EAAC,qDAAqD,aAClE,0BACE,aAAI,SAAS,EAAC,mDAAmD,YAAE,KAAK,GAAM,EAC7E,WAAW,KAAK,SAAS,IAAI,CAC5B,YAAG,SAAS,EAAC,mCAAmC,YAAE,WAAW,GAAK,CACnE,IACG,EACN,eAAK,SAAS,EAAC,yBAAyB,aACrC,OAAO,EACP,KAAK,KAAK,SAAS,IAAI,KAAC,SAAS,IAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,GAAI,IAClE,IACF,CACP,CAAA;AACH,CAAC;AAQD;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,WAAW,GAAG,SAAS,GACR;IACf,OAAO,CACL,gBACE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAC9B,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,2JAA2J,GACrK,CACH,CAAA;AACH,CAAC"}

package/dist/components/PhonesField.d.ts

@@ -0,0 +1,7 @@
+export interface PhonesFieldProps {
+    readonly value: readonly string[];
+    readonly onChange: (phones: readonly string[]) => void;
+}
+/** Add, edit, and remove phone numbers. Clearing one to empty removes it. */
+export declare function PhonesField({ value, onChange }: PhonesFieldProps): React.JSX.Element;
+//# sourceMappingURL=PhonesField.d.ts.map

package/dist/components/PhonesField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhonesField.d.ts","sourceRoot":"","sources":["../../src/components/PhonesField.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAA;IACjC,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,KAAK,IAAI,CAAA;CACvD;AAMD,6EAA6E;AAC7E,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+LpF"}

package/dist/components/PhonesField.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+function telHref(phone) {
+    return `tel:${phone.replace(/[^\d+]/gu, '')}`;
+}
+/** Add, edit, and remove phone numbers. Clearing one to empty removes it. */
+export function PhonesField({ value, onChange }) {
+    const addInputRef = useRef(null);
+    const editInputRef = useRef(null);
+    const [adding, setAdding] = useState(false);
+    const [draft, setDraft] = useState('');
+    const [editingIndex, setEditingIndex] = useState(null);
+    const [editDraft, setEditDraft] = useState('');
+    useEffect(() => {
+        if (adding) {
+            addInputRef.current?.focus();
+        }
+    }, [adding]);
+    useEffect(() => {
+        if (editingIndex !== null) {
+            editInputRef.current?.focus();
+            editInputRef.current?.select();
+        }
+    }, [editingIndex]);
+    function cancelAdd() {
+        setAdding(false);
+        setDraft('');
+    }
+    function commitAdd() {
+        const next = draft.trim();
+        if (next.length === 0) {
+            cancelAdd();
+            return;
+        }
+        onChange([...value, next]);
+        cancelAdd();
+    }
+    function cancelEdit() {
+        setEditingIndex(null);
+        setEditDraft('');
+    }
+    function commitEdit() {
+        if (editingIndex === null) {
+            return;
+        }
+        const next = editDraft.trim();
+        onChange(next.length === 0
+            ? value.filter((_, index) => index !== editingIndex)
+            : value.map((phone, index) => (index === editingIndex ? next : phone)));
+        cancelEdit();
+    }
+    function remove(index) {
+        if (editingIndex === index) {
+            cancelEdit();
+        }
+        onChange(value.filter((_, position) => position !== index));
+    }
+    return (_jsxs("div", { className: "space-y-0.5", children: [_jsx("ul", { children: value.map((phone, index) => editingIndex === index ? (_jsx("li", { className: "py-1", children: _jsx("input", { ref: editInputRef, type: "tel", value: editDraft, onChange: (event) => {
+                            setEditDraft(event.target.value);
+                        }, onBlur: commitEdit, onKeyDown: (event) => {
+                            if (event.key === 'Enter') {
+                                event.preventDefault();
+                                commitEdit();
+                            }
+                            if (event.key === 'Escape') {
+                                event.preventDefault();
+                                cancelEdit();
+                            }
+                        }, className: "w-full rounded-md border border-accent bg-surface-raised px-2 py-1 font-mono text-[12px] outline-none ring-2 ring-accent/20" }) }, `editing-${String(index)}`)) : (_jsxs("li", { className: "-mx-1 flex items-center gap-1 rounded-md px-1 py-1 hover:bg-surface", children: [_jsx("a", { href: telHref(phone), className: "min-w-0 flex-1 truncate font-mono text-[12px] leading-snug text-ink hover:text-accent", children: phone }), _jsxs("div", { className: "flex shrink-0 items-center", children: [_jsx("button", { type: "button", onClick: () => {
+                                        setAdding(false);
+                                        setEditingIndex(index);
+                                        setEditDraft(phone);
+                                    }, className: "rounded px-1.5 py-0.5 text-[11px] font-medium text-ink-faint hover:bg-surface-raised hover:text-ink", children: "Edit" }), _jsx("button", { type: "button", onClick: () => {
+                                        remove(index);
+                                    }, className: "rounded px-1 py-0.5 text-[13px] leading-none text-ink-faint hover:bg-danger-soft hover:text-danger", "aria-label": `Remove ${phone}`, children: "\u00D7" })] })] }, `${phone}-${String(index)}`))) }), value.length === 0 && !adding && _jsx("p", { className: "py-0.5 text-[12px] text-ink-faint", children: "None yet" }), adding ? (_jsxs("div", { className: "mt-1 space-y-1.5 rounded-md border border-border bg-surface px-2 py-2", children: [_jsx("input", { ref: addInputRef, type: "tel", value: draft, onChange: (event) => {
+                            setDraft(event.target.value);
+                        }, onKeyDown: (event) => {
+                            if (event.key === 'Enter') {
+                                event.preventDefault();
+                                commitAdd();
+                            }
+                            if (event.key === 'Escape') {
+                                event.preventDefault();
+                                cancelAdd();
+                            }
+                        }, placeholder: "Phone number", className: "w-full rounded-md border border-border bg-surface-raised px-2 py-1 font-mono text-[12px] outline-none focus:border-accent focus:ring-2 focus:ring-accent/20" }), _jsxs("div", { className: "flex justify-end gap-1.5", children: [_jsx("button", { type: "button", onClick: cancelAdd, className: "rounded-md px-2 py-1 text-[11px] font-medium text-ink-muted hover:text-ink", children: "Cancel" }), _jsx("button", { type: "button", onClick: commitAdd, disabled: draft.trim().length === 0, className: "rounded-md bg-accent px-2.5 py-1 text-[11px] font-semibold text-accent-fg hover:bg-accent-hover disabled:opacity-40", children: "Add" })] })] })) : (_jsx("button", { type: "button", onClick: () => {
+                    setEditingIndex(null);
+                    setAdding(true);
+                    setDraft('');
+                }, className: "mt-0.5 -mx-1 rounded-md px-1 py-1 text-[12px] font-medium text-ink-muted transition hover:bg-surface hover:text-accent", children: "+ Add" }))] }));
+}
+//# sourceMappingURL=PhonesField.js.map

package/dist/components/PhonesField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhonesField.js","sourceRoot":"","sources":["../../src/components/PhonesField.tsx"],"names":[],"mappings":"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"}

package/dist/components/PlanAttention.d.ts

@@ -0,0 +1,40 @@
+import type { Deal, Opportunity, Partnership, PlanItem, Raise } from '@kelpie/schemas';
+export interface PlanAttentionProps {
+    readonly items: readonly PlanItem[];
+    /** Names the record each item belongs to. Off on a record's own page, where it is the same one every row. */
+    readonly showTarget?: boolean;
+    /** How to write a target id. Absent ids render as the type alone rather than as an id. */
+    readonly targetNames?: ReadonlyMap<string, string>;
+    readonly isLoading?: boolean;
+}
+export declare function PlanAttention({ items, showTarget, targetNames, isLoading, }: PlanAttentionProps): React.JSX.Element;
+/**
+ * The plan rolled up from a Person's or a Company's pipeline records.
+ *
+ * Which relations roll up was settled by the mockup's plan scopes: a company
+ * takes all four pipelines; a person takes deals and partnerships only, no
+ * opportunities (they have no people) and no raises (the mockup leaves them
+ * off a person even though key people exist).
+ *
+ * @param deals The records to roll up, which the page has already fetched to
+ *   render its own related list.
+ */
+export declare function RelatedPlanAttention({ deals, opportunities, raises, partnerships, isLoading, }: {
+    readonly deals: readonly Deal[];
+    readonly opportunities?: readonly Opportunity[];
+    readonly raises?: readonly Raise[];
+    readonly partnerships?: readonly Partnership[];
+    readonly isLoading: boolean;
+}): React.JSX.Element;
+/**
+ * The record a step belongs to.
+ *
+ * A pipeline with no page yet renders as its type alone. Naming the type and
+ * stopping is honest; printing a raw id, or linking to a route that does not
+ * exist, is not.
+ */
+export declare function PlanTargetLink({ item, targetNames, }: {
+    readonly item: PlanItem;
+    readonly targetNames: ReadonlyMap<string, string> | undefined;
+}): React.JSX.Element;
+//# sourceMappingURL=PlanAttention.d.ts.map

package/dist/components/PlanAttention.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanAttention.d.ts","sourceRoot":"","sources":["../../src/components/PlanAttention.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAgB,QAAQ,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AA2BpG,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAA;IACnC,6GAA6G;IAC7G,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,0FAA0F;IAC1F,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAClD,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAC7B;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,UAAkB,EAClB,WAAW,EACX,SAAiB,GAClB,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmCxC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,aAAkB,EAClB,MAAW,EACX,YAAiB,EACjB,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,SAAS,IAAI,EAAE,CAAA;IAC/B,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,WAAW,EAAE,CAAA;IAC/C,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,KAAK,EAAE,CAAA;IAClC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,WAAW,EAAE,CAAA;IAC9C,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;CAC5B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4CpB;AAwED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,WAAW,GACZ,EAAE;IACD,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAA;IACvB,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAA;CAC9D,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiBpB"}

package/dist/components/PlanAttention.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PIPELINE_KIND_LABELS, PLAN_ITEM_STATUS_LABELS } from '@kelpie/schemas';
+import { Link } from 'react-router';
+import { useMembers } from '../api/resources/members.js';
+import { usePlanItemsForRecords } from '../api/resources/planItems.js';
+import { formatDay } from '../lib/dates.js';
+import { planAttention, planStatusTone } from '../lib/plan.js';
+import { Chip } from './Chip.js';
+import { SectionHeader } from './SectionHeader.js';
+/**
+ * The plan an Overview leads with: what is late, and what is due inside the week.
+ *
+ * Takes the items rather than fetching them, because the three pages that show
+ * this ask three different questions. A pipeline record's Overview asks for its
+ * own steps; a Person or Company asks for the steps of every record they are
+ * attached to, which is two requests the page already has to make.
+ */
+/** Where a plan item's record lives. */
+const ROUTES = {
+    deal: '/deals',
+    opportunity: '/opportunities',
+    raise: '/fundraising',
+    partnership: '/partnerships',
+};
+export function PlanAttention({ items, showTarget = false, targetNames, isLoading = false, }) {
+    const { overdue, upcoming } = planAttention(items);
+    const empty = overdue.length === 0 && upcoming.length === 0;
+    return (_jsxs("section", { children: [_jsx(SectionHeader, { title: "Plan", description: "Overdue and due this week" }), isLoading ? (_jsx("p", { className: "text-[13px] text-ink-faint", children: "Loading plan\u2026" })) : empty ? (_jsx("p", { className: "text-[13px] text-ink-faint", children: "No overdue or upcoming plan items." })) : (_jsxs("div", { className: "space-y-4", children: [overdue.length > 0 && (_jsx(PlanGroup, { label: "Overdue", tone: "danger", items: overdue, showTarget: showTarget, targetNames: targetNames })), upcoming.length > 0 && (_jsx(PlanGroup, { label: "Upcoming", tone: "warning", items: upcoming, showTarget: showTarget, targetNames: targetNames }))] }))] }));
+}
+/**
+ * The plan rolled up from a Person's or a Company's pipeline records.
+ *
+ * Which relations roll up was settled by the mockup's plan scopes: a company
+ * takes all four pipelines; a person takes deals and partnerships only, no
+ * opportunities (they have no people) and no raises (the mockup leaves them
+ * off a person even though key people exist).
+ *
+ * @param deals The records to roll up, which the page has already fetched to
+ *   render its own related list.
+ */
+export function RelatedPlanAttention({ deals, opportunities = [], raises = [], partnerships = [], isLoading, }) {
+    const dealItems = usePlanItemsForRecords('deal', deals.map((deal) => deal.id));
+    const opportunityItems = usePlanItemsForRecords('opportunity', opportunities.map((opportunity) => opportunity.id));
+    const raiseItems = usePlanItemsForRecords('raise', raises.map((raise) => raise.id));
+    const partnershipItems = usePlanItemsForRecords('partnership', partnerships.map((partnership) => partnership.id));
+    return (_jsx(PlanAttention, { items: [
+            ...dealItems.records,
+            ...opportunityItems.records,
+            ...raiseItems.records,
+            ...partnershipItems.records,
+        ], showTarget: true, targetNames: new Map([...deals, ...opportunities, ...raises, ...partnerships].map((record) => [
+            record.id,
+            record.name,
+        ])), isLoading: isLoading ||
+            dealItems.isLoading ||
+            opportunityItems.isLoading ||
+            raiseItems.isLoading ||
+            partnershipItems.isLoading }));
+}
+function PlanGroup({ label, tone, items, showTarget, targetNames, }) {
+    return (_jsxs("div", { children: [_jsxs("div", { className: "mb-2 flex items-center gap-2", children: [_jsx("h3", { className: "text-[12px] font-semibold text-ink", children: label }), _jsx(Chip, { tone: tone, children: items.length })] }), _jsx("ul", { className: "overflow-hidden rounded-md border border-border", children: items.map((item) => (_jsx(PlanAttentionRow, { item: item, dateTone: tone, showTarget: showTarget, targetNames: targetNames }, item.id))) })] }));
+}
+function PlanAttentionRow({ item, dateTone, showTarget, targetNames, }) {
+    const members = useMembers();
+    return (_jsxs("li", { className: "flex flex-wrap items-baseline gap-x-3 gap-y-1 border-b border-border px-4 py-2.5 last:border-0", children: [_jsx("time", { dateTime: item.date, className: [
+                    'shrink-0 text-[12px] font-medium tabular-nums',
+                    dateTone === 'danger' ? 'text-danger' : 'text-warning',
+                ].join(' '), children: formatDay(item.date) }), _jsx("span", { className: "min-w-0 flex-1 text-[13px] text-ink", children: item.title }), showTarget && _jsx(PlanTargetLink, { item: item, targetNames: targetNames }), item.ownerId !== null && (_jsx("span", { className: "text-[12px] text-ink-muted", children: members.nameById.get(item.ownerId) ?? 'Unknown' })), _jsx(Chip, { tone: planStatusTone(item.status), children: PLAN_ITEM_STATUS_LABELS[item.status] })] }));
+}
+/**
+ * The record a step belongs to.
+ *
+ * A pipeline with no page yet renders as its type alone. Naming the type and
+ * stopping is honest; printing a raw id, or linking to a route that does not
+ * exist, is not.
+ */
+export function PlanTargetLink({ item, targetNames, }) {
+    const kind = PIPELINE_KIND_LABELS[item.targetType];
+    const name = targetNames?.get(item.targetId);
+    const route = ROUTES[item.targetType];
+    if (route === undefined || name === undefined) {
+        return _jsx("span", { className: "truncate text-[11px] text-ink-faint", children: kind });
+    }
+    return (_jsxs(Link, { to: `${route}/${item.targetId}`, className: "truncate text-[11px] text-ink-faint hover:text-accent", children: [kind, " \u00B7 ", name] }));
+}
+//# sourceMappingURL=PlanAttention.js.map

package/dist/components/PlanAttention.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanAttention.js","sourceRoot":"","sources":["../../src/components/PlanAttention.tsx"],"names":[],"mappings":"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"}

package/dist/components/PlanPanel.d.ts

@@ -0,0 +1,18 @@
+import type { PipelineKind } from '@kelpie/schemas';
+/**
+ * The plan for one pipeline record: what happens next, when, and who has it.
+ *
+ * Ported from the mockup's panel, edit and delete included. Notes have neither,
+ * because the mockup's note panel offers neither; this one offers both, so both
+ * are here.
+ *
+ * The list arrives in date order from the API and is not re-sorted client-side:
+ * `date` is the resource's default sort, so the server already answers the
+ * question the panel asks.
+ */
+export interface PlanPanelProps {
+    readonly targetType: PipelineKind;
+    readonly targetId: string;
+}
+export declare function PlanPanel({ targetType, targetId }: PlanPanelProps): React.JSX.Element;
+//# sourceMappingURL=PlanPanel.d.ts.map

package/dist/components/PlanPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanPanel.d.ts","sourceRoot":"","sources":["../../src/components/PlanPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAA4B,MAAM,iBAAiB,CAAA;AAiB7E;;;;;;;;;;GAUG;AAEH,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,UAAU,EAAE,YAAY,CAAA;IACjC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAC1B;AAcD,wBAAgB,SAAS,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqErF"}

package/dist/components/PlanPanel.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PLAN_ITEM_STATUS_LABELS, PLAN_ITEM_STATUSES } from '@kelpie/schemas';
+import { useState } from 'react';
+import { useMembers } from '../api/resources/members.js';
+import { useCreatePlanItem, useDeletePlanItem, useRecordPlanItems, useUpdatePlanItem, } from '../api/resources/planItems.js';
+import { formatDay } from '../lib/dates.js';
+import { planStatusTone } from '../lib/plan.js';
+import { Chip } from './Chip.js';
+import { ErrorPanel } from './QueryState.js';
+import { SectionHeader } from './SectionHeader.js';
+const EMPTY_FIELDS = { date: '', title: '', ownerId: '', status: 'todo' };
+const inputClass = 'rounded-md border border-border bg-surface-raised px-2.5 py-1.5 text-[13px] outline-none focus:border-accent';
+export function PlanPanel({ targetType, targetId }) {
+    const items = useRecordPlanItems(targetType, targetId);
+    const createItem = useCreatePlanItem();
+    const [adding, setAdding] = useState(false);
+    function submit(fields) {
+        createItem.run({
+            targetType,
+            targetId,
+            date: fields.date,
+            title: fields.title,
+            ownerId: fields.ownerId.length === 0 ? null : fields.ownerId,
+            status: fields.status,
+        });
+        setAdding(false);
+    }
+    return (_jsxs("section", { children: [_jsx(SectionHeader, { title: "Plan", onAdd: () => {
+                    setAdding((current) => !current);
+                }, addLabel: "Add plan item" }), createItem.error !== null && (_jsx("div", { className: "mb-3", children: _jsx(ErrorPanel, { error: createItem.error }) })), items.error !== null && _jsx(ErrorPanel, { error: items.error }), adding && (_jsx(PlanItemForm, { fields: EMPTY_FIELDS, submitLabel: "Add", onSubmit: submit, onCancel: () => {
+                    setAdding(false);
+                } })), items.isLoading && _jsx("p", { className: "text-[13px] text-ink-faint", children: "Loading plan\u2026" }), !items.isLoading && items.records.length === 0 && !adding ? (_jsx("p", { className: "text-[13px] text-ink-faint", children: "No plan items yet." })) : (_jsx("ul", { className: "overflow-hidden rounded-md border border-border", children: items.records.map((item) => (_jsx(PlanItemRow, { item: item }, item.id))) })), items.hasMore && (_jsx("button", { type: "button", onClick: items.loadMore, disabled: items.isLoadingMore, className: "mt-3 rounded-md border border-border px-3 py-1.5 text-[12px] font-medium text-ink-muted transition hover:border-border-strong hover:text-ink", children: items.isLoadingMore ? 'Loading…' : 'Load more' }))] }));
+}
+function PlanItemRow({ item }) {
+    const members = useMembers();
+    const updateItem = useUpdatePlanItem();
+    const deleteItem = useDeletePlanItem();
+    const [editing, setEditing] = useState(false);
+    function save(fields) {
+        updateItem.run({
+            id: item.id,
+            changes: {
+                date: fields.date,
+                title: fields.title,
+                ownerId: fields.ownerId.length === 0 ? null : fields.ownerId,
+                status: fields.status,
+            },
+        });
+        setEditing(false);
+    }
+    if (editing) {
+        return (_jsx("li", { className: "border-b border-border px-4 py-3 last:border-0", children: _jsx(PlanItemForm, { fields: {
+                    date: item.date,
+                    title: item.title,
+                    ownerId: item.ownerId ?? '',
+                    status: item.status,
+                }, submitLabel: "Save", onSubmit: save, onCancel: () => {
+                    setEditing(false);
+                } }) }));
+    }
+    return (_jsxs("li", { className: "group flex flex-wrap items-baseline gap-x-3 gap-y-1 border-b border-border px-4 py-2.5 last:border-0", children: [_jsx("time", { dateTime: item.date, className: "shrink-0 text-[12px] font-medium text-ink tabular-nums", children: formatDay(item.date) }), _jsx("span", { className: "min-w-0 flex-1 text-[13px] text-ink", children: item.title }), item.ownerId !== null && (_jsxs("span", { className: "text-[12px] text-ink-muted", children: ["Owner: ", members.nameById.get(item.ownerId) ?? 'Unknown'] })), _jsx(Chip, { tone: planStatusTone(item.status), children: PLAN_ITEM_STATUS_LABELS[item.status] }), _jsxs("span", { className: "flex shrink-0 gap-1 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100", children: [_jsx("button", { type: "button", onClick: () => {
+                            setEditing(true);
+                        }, className: "rounded-md px-2 py-0.5 text-[11px] font-medium text-ink-muted hover:bg-surface-sunken hover:text-ink", children: "Edit" }), _jsx("button", { type: "button", onClick: () => {
+                            deleteItem.run(item.id);
+                        }, className: "rounded-md px-2 py-0.5 text-[11px] font-medium text-ink-muted hover:bg-danger-soft hover:text-danger", children: "Delete" })] }), updateItem.error !== null && (_jsx("div", { className: "w-full", children: _jsx(ErrorPanel, { error: updateItem.error }) })), deleteItem.error !== null && (_jsx("div", { className: "w-full", children: _jsx(ErrorPanel, { error: deleteItem.error }) }))] }));
+}
+/**
+ * The add and edit form, one component because they take the same four fields.
+ *
+ * `fields` seeds the draft once. The form is mounted when editing starts and
+ * unmounted when it ends, so there is nothing to re-seed and no effect watching
+ * a prop that is a fresh object on every render.
+ *
+ * The date and title inputs are `required`, so the browser refuses an empty
+ * submit before the request is built. That is the same rule the API applies, not
+ * a substitute for it.
+ */
+function PlanItemForm({ fields, submitLabel, onSubmit, onCancel, }) {
+    const members = useMembers();
+    const [draft, setDraft] = useState(fields);
+    function submit(event) {
+        event.preventDefault();
+        const title = draft.title.trim();
+        if (title.length === 0 || draft.date.length === 0) {
+            return;
+        }
+        onSubmit({ ...draft, title });
+    }
+    return (_jsxs("form", { onSubmit: submit, className: "mb-3 space-y-2", children: [_jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx("input", { type: "date", value: draft.date, onChange: (event) => {
+                            setDraft((current) => ({ ...current, date: event.target.value }));
+                        }, required: true, "aria-label": "Date", className: inputClass }), _jsx("input", { value: draft.title, onChange: (event) => {
+                            setDraft((current) => ({ ...current, title: event.target.value }));
+                        }, placeholder: "What happens\u2026", required: true, autoFocus: true, "aria-label": "What happens", className: `min-w-[180px] flex-1 ${inputClass}` })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsxs("select", { value: draft.ownerId, onChange: (event) => {
+                            setDraft((current) => ({ ...current, ownerId: event.target.value }));
+                        }, "aria-label": "Owner", className: inputClass, children: [_jsx("option", { value: "", children: "Unassigned" }), members.members.map((member) => (_jsx("option", { value: member.id, children: member.name }, member.id)))] }), _jsx("select", { value: draft.status, onChange: (event) => {
+                            setDraft((current) => ({
+                                ...current,
+                                status: event.target.value,
+                            }));
+                        }, "aria-label": "Status", className: inputClass, children: PLAN_ITEM_STATUSES.map((status) => (_jsx("option", { value: status, children: PLAN_ITEM_STATUS_LABELS[status] }, status))) })] }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx("button", { type: "button", onClick: onCancel, className: "rounded-md px-2.5 py-1 text-[12px] font-medium text-ink-muted hover:text-ink", children: "Cancel" }), _jsx("button", { type: "submit", className: "rounded-md bg-accent px-3 py-1.5 text-[12px] font-semibold text-accent-fg hover:bg-accent-hover", children: submitLabel })] })] }));
+}
+//# sourceMappingURL=PlanPanel.js.map

package/dist/components/PlanPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanPanel.js","sourceRoot":"","sources":["../../src/components/PlanPanel.tsx"],"names":[],"mappings":"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"}

package/dist/components/QueryState.d.ts

@@ -0,0 +1,24 @@
+/**
+ * The three states a mockup never had to show, because seed data is always
+ * present, always correct, and never 403s.
+ */
+export declare function LoadingPanel({ label }: {
+    readonly label?: string;
+}): React.JSX.Element;
+export declare function NotFoundPanel({ label, backTo, }: {
+    readonly label: string;
+    readonly backTo: string;
+}): React.JSX.Element;
+export interface ErrorPanelProps {
+    readonly error: Error;
+    readonly onRetry?: () => void;
+}
+/**
+ * A failed request, said plainly.
+ *
+ * An `ApiError` carries field-level `details` for a `422`, and those are the
+ * only part of a validation failure a person can act on, so they are listed
+ * rather than collapsed into the summary message.
+ */
+export declare function ErrorPanel({ error, onRetry }: ErrorPanelProps): React.JSX.Element;
+//# sourceMappingURL=QueryState.d.ts.map

package/dist/components/QueryState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryState.d.ts","sourceRoot":"","sources":["../../src/components/QueryState.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AAEH,wBAAgB,YAAY,CAAC,EAAE,KAAkB,EAAE,EAAE;IAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAInG;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,MAAM,GACP,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CACxB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CASpB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAA;IACrB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0BjF"}

package/dist/components/QueryState.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from 'react-router';
+import { ApiError } from '../api/client.js';
+/**
+ * The three states a mockup never had to show, because seed data is always
+ * present, always correct, and never 403s.
+ */
+export function LoadingPanel({ label = 'Loading…' }) {
+    return (_jsx("div", { className: "animate-fade-in px-6 py-12 text-center text-[13px] text-ink-muted", children: label }));
+}
+export function NotFoundPanel({ label, backTo, }) {
+    return (_jsxs("div", { className: "py-20 text-center", children: [_jsxs("p", { className: "text-[15px] font-medium text-ink", children: [label, " not found"] }), _jsx(Link, { to: backTo, className: "mt-2 inline-block text-[13px] text-accent", children: "Go back" })] }));
+}
+/**
+ * A failed request, said plainly.
+ *
+ * An `ApiError` carries field-level `details` for a `422`, and those are the
+ * only part of a validation failure a person can act on, so they are listed
+ * rather than collapsed into the summary message.
+ */
+export function ErrorPanel({ error, onRetry }) {
+    const details = error instanceof ApiError ? error.details : [];
+    return (_jsxs("div", { className: "rounded-md border border-danger/40 bg-danger-soft px-4 py-3", children: [_jsx("p", { className: "text-[13px] font-medium text-danger", children: describe(error) }), details.length > 0 && (_jsx("ul", { className: "mt-2 space-y-0.5", children: details.map((detail) => (_jsxs("li", { className: "text-[12px] text-danger", children: [_jsx("span", { className: "font-mono", children: detail.field }), ": ", detail.message] }, `${detail.field}-${detail.message}`))) })), onRetry !== undefined && (_jsx("button", { type: "button", onClick: onRetry, className: "mt-2 rounded-md border border-danger/40 px-2.5 py-1 text-[12px] font-medium text-danger transition hover:bg-danger/10", children: "Try again" }))] }));
+}
+function describe(error) {
+    if (!(error instanceof ApiError)) {
+        return `Could not reach the service. ${error.message}`;
+    }
+    if (error.status === 403) {
+        return 'This workspace is not available to your account.';
+    }
+    return error.message;
+}
+//# sourceMappingURL=QueryState.js.map

package/dist/components/QueryState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryState.js","sourceRoot":"","sources":["../../src/components/QueryState.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE3C;;;GAGG;AAEH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,GAAG,UAAU,EAA+B;IAC9E,OAAO,CACL,cAAK,SAAS,EAAC,mEAAmE,YAAE,KAAK,GAAO,CACjG,CAAA;AACH,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,MAAM,GAIP;IACC,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,aAChC,aAAG,SAAS,EAAC,kCAAkC,aAAE,KAAK,kBAAe,EACrE,KAAC,IAAI,IAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC,2CAA2C,wBAEhE,IACH,CACP,CAAA;AACH,CAAC;AAOD;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,EAAmB;IAC5D,MAAM,OAAO,GAAG,KAAK,YAAY,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IAE9D,OAAO,CACL,eAAK,SAAS,EAAC,6DAA6D,aAC1E,YAAG,SAAS,EAAC,qCAAqC,YAAE,QAAQ,CAAC,KAAK,CAAC,GAAK,EACvE,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,aAAI,SAAS,EAAC,kBAAkB,YAC7B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,cAA8C,SAAS,EAAC,yBAAyB,aAC/E,eAAM,SAAS,EAAC,WAAW,YAAE,MAAM,CAAC,KAAK,GAAQ,QAAG,MAAM,CAAC,OAAO,KAD3D,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,OAAO,EAAE,CAEvC,CACN,CAAC,GACC,CACN,EACA,OAAO,KAAK,SAAS,IAAI,CACxB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,uHAAuH,0BAG1H,CACV,IACG,CACP,CAAA;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,KAAY;IAC5B,IAAI,CAAC,CAAC,KAAK,YAAY,QAAQ,CAAC,EAAE,CAAC;QACjC,OAAO,gCAAgC,KAAK,CAAC,OAAO,EAAE,CAAA;IACxD,CAAC;IAED,IAAI,KAAK,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;QACzB,OAAO,kDAAkD,CAAA;IAC3D,CAAC;IAED,OAAO,KAAK,CAAC,OAAO,CAAA;AACtB,CAAC"}

package/dist/components/RecordTabs.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+export interface RecordTabDescriptor<TId extends string> {
+    readonly id: TId;
+    readonly label: string;
+    /** Shown beside the label when greater than zero. */
+    readonly count?: number;
+}
+export interface RecordTabsProps<TId extends string> {
+    readonly tabs: readonly RecordTabDescriptor<TId>[];
+    readonly active: TId;
+    readonly onChange: (id: TId) => void;
+    readonly children: ReactNode;
+    readonly ariaLabel?: string;
+}
+export declare function RecordTabs<TId extends string>({ tabs, active, onChange, children, ariaLabel, }: RecordTabsProps<TId>): React.JSX.Element;
+//# sourceMappingURL=RecordTabs.d.ts.map

package/dist/components/RecordTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecordTabs.d.ts","sourceRoot":"","sources":["../../src/components/RecordTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,mBAAmB,CAAC,GAAG,SAAS,MAAM;IACrD,QAAQ,CAAC,EAAE,EAAE,GAAG,CAAA;IAChB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,qDAAqD;IACrD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,MAAM,WAAW,eAAe,CAAC,GAAG,SAAS,MAAM;IACjD,QAAQ,CAAC,IAAI,EAAE,SAAS,mBAAmB,CAAC,GAAG,CAAC,EAAE,CAAA;IAClD,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAA;IACpB,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAA;IACpC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,wBAAgB,UAAU,CAAC,GAAG,SAAS,MAAM,EAAE,EAC7C,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAA6B,GAC9B,EAAE,eAAe,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6C1C"}

package/dist/components/RecordTabs.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function RecordTabs({ tabs, active, onChange, children, ariaLabel = 'Record sections', }) {
+    return (_jsxs("div", { children: [_jsx("div", { role: "tablist", "aria-label": ariaLabel, className: "mb-6 flex flex-wrap gap-1 border-b border-border", children: tabs.map((tab) => {
+                    const selected = active === tab.id;
+                    return (_jsxs("button", { type: "button", role: "tab", "aria-selected": selected, id: `record-tab-${tab.id}`, onClick: () => {
+                            onChange(tab.id);
+                        }, className: [
+                            'border-b-2 px-3 py-2 text-[13px] font-medium transition-colors',
+                            selected
+                                ? 'border-accent text-accent-hover'
+                                : 'border-transparent text-ink-muted hover:text-ink',
+                        ].join(' '), children: [tab.label, tab.count !== undefined && tab.count > 0 && (_jsx("span", { className: "ml-1.5 tabular-nums text-ink-faint", children: tab.count }))] }, tab.id));
+                }) }), _jsx("div", { role: "tabpanel", "aria-labelledby": `record-tab-${active}`, className: "animate-fade-in space-y-8", children: children })] }));
+}
+//# sourceMappingURL=RecordTabs.js.map

package/dist/components/RecordTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecordTabs.js","sourceRoot":"","sources":["../../src/components/RecordTabs.tsx"],"names":[],"mappings":";AAiBA,MAAM,UAAU,UAAU,CAAqB,EAC7C,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,iBAAiB,GACR;IACrB,OAAO,CACL,0BACE,cACE,IAAI,EAAC,SAAS,gBACF,SAAS,EACrB,SAAS,EAAC,kDAAkD,YAE3D,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBAChB,MAAM,QAAQ,GAAG,MAAM,KAAK,GAAG,CAAC,EAAE,CAAA;oBAElC,OAAO,CACL,kBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,EAAE,EAAE,cAAc,GAAG,CAAC,EAAE,EAAE,EAC1B,OAAO,EAAE,GAAG,EAAE;4BACZ,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;wBAClB,CAAC,EACD,SAAS,EAAE;4BACT,gEAAgE;4BAChE,QAAQ;gCACN,CAAC,CAAC,iCAAiC;gCACnC,CAAC,CAAC,kDAAkD;yBACvD,CAAC,IAAI,CAAC,GAAG,CAAC,aAEV,GAAG,CAAC,KAAK,EACT,GAAG,CAAC,KAAK,KAAK,SAAS,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,IAAI,CAC3C,eAAM,SAAS,EAAC,oCAAoC,YAAE,GAAG,CAAC,KAAK,GAAQ,CACxE,KAlBI,GAAG,CAAC,EAAE,CAmBJ,CACV,CAAA;gBACH,CAAC,CAAC,GACE,EACN,cACE,IAAI,EAAC,UAAU,qBACE,cAAc,MAAM,EAAE,EACvC,SAAS,EAAC,2BAA2B,YAEpC,QAAQ,GACL,IACF,CACP,CAAA;AACH,CAAC"}

package/dist/components/SectionHeader.d.ts

@@ -0,0 +1,15 @@
+export interface AddButtonProps {
+    readonly onClick: () => void;
+    readonly label?: string;
+    readonly compact?: boolean;
+}
+export declare function AddButton({ onClick, label, compact, }: AddButtonProps): React.JSX.Element;
+export interface SectionHeaderProps {
+    readonly title: string;
+    readonly description?: string;
+    readonly onAdd?: () => void;
+    readonly addLabel?: string;
+    readonly compact?: boolean;
+}
+export declare function SectionHeader({ title, description, onAdd, addLabel, compact, }: SectionHeaderProps): React.JSX.Element;
+//# sourceMappingURL=SectionHeader.d.ts.map

package/dist/components/SectionHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../src/components/SectionHeader.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,KAAa,EACb,OAAe,GAChB,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgBpC;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAgB,EAChB,OAAe,GAChB,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoBxC"}

package/dist/components/SectionHeader.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function AddButton({ onClick, label = 'Add', compact = false, }) {
+    return (_jsx("button", { type: "button", onClick: onClick, title: label, "aria-label": label, className: [
+            'inline-flex shrink-0 items-center justify-center rounded-md border border-border font-medium text-ink transition',
+            'hover:border-border-strong hover:bg-surface-sunken',
+            compact ? 'h-6 w-6 text-[14px] leading-none' : 'h-7 w-7 text-[16px] leading-none',
+        ].join(' '), children: "+" }));
+}
+export function SectionHeader({ title, description, onAdd, addLabel = 'Add', compact = false, }) {
+    return (_jsxs("div", { className: compact
+            ? 'flex items-start justify-between gap-2'
+            : 'mb-3 flex items-start justify-between gap-2', children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: compact ? 'text-[12px] font-semibold text-ink' : 'text-[13px] font-semibold text-ink', children: title }), description !== undefined && (_jsx("p", { className: "mt-0.5 text-[11px] text-ink-faint", children: description }))] }), onAdd !== undefined && _jsx(AddButton, { onClick: onAdd, label: addLabel, compact: compact })] }));
+}
+//# sourceMappingURL=SectionHeader.js.map

package/dist/components/SectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.js","sourceRoot":"","sources":["../../src/components/SectionHeader.tsx"],"names":[],"mappings":";AAMA,MAAM,UAAU,SAAS,CAAC,EACxB,OAAO,EACP,KAAK,GAAG,KAAK,EACb,OAAO,GAAG,KAAK,GACA;IACf,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,gBACA,KAAK,EACjB,SAAS,EAAE;YACT,kHAAkH;YAClH,oDAAoD;YACpD,OAAO,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,kCAAkC;SAClF,CAAC,IAAI,CAAC,GAAG,CAAC,kBAGJ,CACV,CAAA;AACH,CAAC;AAUD,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,GACI;IACnB,OAAO,CACL,eACE,SAAS,EACP,OAAO;YACL,CAAC,CAAC,wCAAwC;YAC1C,CAAC,CAAC,6CAA6C,aAGnD,eAAK,SAAS,EAAC,SAAS,aACtB,aAAI,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,oCAAoC,YACjG,KAAK,GACH,EACJ,WAAW,KAAK,SAAS,IAAI,CAC5B,YAAG,SAAS,EAAC,mCAAmC,YAAE,WAAW,GAAK,CACnE,IACG,EACL,KAAK,KAAK,SAAS,IAAI,KAAC,SAAS,IAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAI,IACpF,CACP,CAAA;AACH,CAAC"}

package/dist/components/SegmentedControl.d.ts

@@ -0,0 +1,13 @@
+export interface SegmentedOption<T extends string> {
+    readonly id: T;
+    readonly label: string;
+}
+export interface SegmentedControlProps<T extends string> {
+    readonly value: T;
+    readonly onChange: (value: T) => void;
+    readonly options: readonly SegmentedOption<T>[];
+    readonly ariaLabel: string;
+}
+/** A small either-or toggle: board or list, open or all, open or closed. */
+export declare function SegmentedControl<T extends string>({ value, onChange, options, ariaLabel, }: SegmentedControlProps<T>): React.JSX.Element;
+//# sourceMappingURL=SegmentedControl.d.ts.map

package/dist/components/SegmentedControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM;IAC/C,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAA;IACd,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM;IACrD,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAA;IACjB,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,OAAO,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAAA;IAC/C,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;CAC3B;AAED,4EAA4E;AAC5E,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,EACjD,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6B9C"}