@lar-works/design-system 0.2.0 → 0.3.0

package/dist/board/StageRow.js

@@ -0,0 +1,287 @@
+import { Badge } from "../display/Badge.js";
+import { Loading } from "../feedback/Loading.js";
+import { ROW_ACTION, ROW_OPENS, ROW_RULE, pickedRow } from "./RowStyles.js";
+import { ChevronDownIcon, ChevronRightIcon } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/board/StageRow.tsx
+/** A stage row: `item` names it as `data-item`, and `picked` marks the item the dialog shows. */
+function StageRowItem({ item, picked, children }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-item": item,
+		className: `@container py-2 ${ROW_RULE} hover:bg-(--accent) ${pickedRow(picked)}`,
+		children
+	});
+}
+/** A row's first line: its cells, then its side. */
+function RowFirst({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "row-first",
+		children
+	});
+}
+/** A row's first line's cells as the one button that opens its item. */
+function RowOpen({ onOpen, children }) {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"data-row-open": true,
+		"data-meta": true,
+		onClick: onOpen,
+		className: `row-cols ${ROW_OPENS}`,
+		children
+	});
+}
+/** A row's first line's cells, when its title opens the item and the rest of the line does something else. */
+function RowCells({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "row-cols",
+		children
+	});
+}
+/** The first cell: the item's status glyph. */
+function RowGlyph({ children }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "grid size-6 place-items-center",
+		"data-glyph": true,
+		children
+	});
+}
+/** The first cell of a Queue row: its place in the Queue. */
+function QueuePlace({ children }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "queue-n text-center font-medium tabular-nums",
+		children
+	});
+}
+/** Where the item's ticket is saved and its repository, in the source cell. */
+function RowIdentity({ children }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-row-identity": true,
+		className: "flex min-w-0 items-center gap-1.5 text-[11px] text-(--muted-foreground)",
+		children
+	});
+}
+/** The kind cell. */
+function RowKindCell({ children }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "flex min-w-0 items-center",
+		"data-kind": true,
+		children
+	});
+}
+/** The title cell: the RowTitle and what it is part of. */
+function RowTitleCell({ children }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "flex min-w-0 items-center gap-2",
+		"data-title-cell": true,
+		children
+	});
+}
+/** The row's title, truncating; `name` gives it whole. */
+function RowTitle({ name, children }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "min-w-0 truncate text-sm leading-7 font-medium text-(--foreground)",
+		title: name,
+		"data-title": true,
+		children
+	});
+}
+/** After the title: which concept or parent the row's work belongs to, giving its room up first. */
+function RowPartOf({ children }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-concept": true,
+		title: children,
+		className: "max-w-44 min-w-16 shrink-[100] truncate rounded bg-(--muted) px-1.5 text-(--muted-foreground)",
+		children
+	});
+}
+/** The state cell, which `clips` what overflows it unless what it holds keeps its own width. */
+function RowStateCell({ clips = true, children }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: `flex min-w-0 items-center gap-1.5${clips ? " overflow-hidden" : ""}`,
+		"data-col": "state",
+		children
+	});
+}
+/** The row's state in words; `title` says more. */
+function RowState({ title, children }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "max-w-full shrink-0 truncate",
+		title,
+		"data-state": true,
+		children
+	});
+}
+/** A Queue row's state: how long it has waited. */
+function QueueAge({ children }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "queue-age shrink-0 tabular-nums",
+		"data-state": true,
+		children
+	});
+}
+/** The row's action slot, at its right. With `passEmpty`, clicks on its controls stay there, and a click beside them
+*  reaches the row. */
+function RowSide({ passEmpty = false, children }) {
+	if (!passEmpty) return /* @__PURE__ */ jsx("span", {
+		"data-col": "side",
+		className: `row-side ${ROW_ACTION}`,
+		children
+	});
+	return /* @__PURE__ */ jsx("span", {
+		"data-col": "side",
+		className: "row-side",
+		children: /* @__PURE__ */ jsx("span", {
+			className: ROW_ACTION,
+			onClick: (event) => {
+				if (event.target !== event.currentTarget) event.stopPropagation();
+			},
+			children
+		})
+	});
+}
+/** Where to act on an item that waits on you, in its action slot. */
+function OnYourDesk({ children }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "text-(--warning-foreground)",
+		children
+	});
+}
+/** A row's second line: `bar` and `count` on the left, `children` in its text slot, then its pull requests and
+*  figures. A click on it beside its controls goes to `onClick`. */
+function RowSecondLine({ bar, count, prs, figures, onClick, children }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-progress": true,
+		onClick,
+		className: `row-second ${onClick ? "cursor-pointer" : ""}`,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				"data-col": "bar",
+				className: "min-w-0",
+				children: bar
+			}),
+			count || /* @__PURE__ */ jsx("span", { "data-col": "count" }),
+			/* @__PURE__ */ jsx("span", {
+				"data-col": "next",
+				className: "flex min-w-0 items-center gap-3",
+				children
+			}),
+			/* @__PURE__ */ jsx("span", {
+				"data-col": "pr",
+				className: "flex min-w-0 gap-2 overflow-hidden tabular-nums",
+				children: prs
+			}),
+			/* @__PURE__ */ jsx("span", {
+				"data-col": "figures",
+				children: figures
+			})
+		]
+	});
+}
+/** The second line's count, such as `2/5 parts`. */
+function RowCount({ title, children }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-col": "count",
+		className: "tabular-nums",
+		title,
+		children
+	});
+}
+/** The second line's slice count as a button that unfolds the row's slices under it. */
+function RowSliceToggle({ open, label, onToggle, children }) {
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		"aria-expanded": open,
+		"aria-label": label,
+		onClick: onToggle,
+		"data-col": "count",
+		className: `flex h-4 items-center gap-1 justify-self-start rounded tabular-nums hover:text-(--foreground) ${ROW_OPENS}`,
+		children: [children, open ? /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-3" }) : /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-3" })]
+	});
+}
+/** Why the row is blocked, as a danger badge in its second line that truncates. */
+function RowBlocked({ children }) {
+	return /* @__PURE__ */ jsx(Badge, {
+		tone: "danger",
+		className: "min-w-0",
+		title: children,
+		"data-blocked": true,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children
+		})
+	});
+}
+const SLICE_TONE = {
+	blocked: "text-(--st-review)",
+	active: "text-(--st-now)"
+};
+/** The second line's word on the row's slices: its first blocked or active slice, `more` after it, and anything `after`
+*  that (such as that every slice is implemented); `title` lists them all. */
+function RowSliceNote({ title, first, more, after }) {
+	return /* @__PURE__ */ jsxs("span", {
+		"data-note": true,
+		className: "min-w-0 truncate",
+		title,
+		children: [first && /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx("span", {
+				className: `font-medium ${SLICE_TONE[first.tone]}`,
+				children: first.word
+			}),
+			" ",
+			/* @__PURE__ */ jsx("span", {
+				className: "text-(--foreground)",
+				children: first.title
+			}),
+			more
+		] }), after && /* @__PURE__ */ jsx("span", { children: after })]
+	});
+}
+/** Under a row: Start's message or error and what Auto-build says of it, taking no room when empty. */
+function RowFoot({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "pt-1 pr-3 pl-12 empty:hidden",
+		children
+	});
+}
+/** Under a row: its unfolded slices. */
+function RowSlices({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "pt-1 pr-3 pl-10",
+		"data-slices": true,
+		children
+	});
+}
+/** The agent figures on one line, at the row's right: `text`, ending in a + when `partial`, or `incomplete` when there
+*  are no figures to show; while `updating`, a spinner named by it leads them. A row that stops animating keeps its
+*  spinner `still`. */
+function UsageFigures({ title, text, updating, still = false, partial, incomplete }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: "flex min-w-0 items-center justify-end gap-1 text-(--muted-foreground) tabular-nums",
+		title,
+		children: [
+			updating && /* @__PURE__ */ jsx(Loading, {
+				presentation: "inline",
+				title: updating,
+				still
+			}),
+			text && /* @__PURE__ */ jsx("span", {
+				className: "truncate",
+				children: text
+			}),
+			text ? partial && /* @__PURE__ */ jsxs("span", {
+				className: "-ml-1 shrink-0",
+				"data-partial": true,
+				children: ["+", /* @__PURE__ */ jsxs("span", {
+					className: "sr-only",
+					children: [" ", partial]
+				})]
+			}) : incomplete && /* @__PURE__ */ jsx("span", {
+				className: "shrink-0",
+				children: incomplete
+			})
+		]
+	});
+}
+export { OnYourDesk, QueueAge, QueuePlace, RowBlocked, RowCells, RowCount, RowFirst, RowFoot, RowGlyph, RowIdentity, RowKindCell, RowOpen, RowPartOf, RowSecondLine, RowSide, RowSliceNote, RowSliceToggle, RowSlices, RowState, RowStateCell, RowTitle, RowTitleCell, StageRowItem, UsageFigures };
+
+//# sourceMappingURL=StageRow.js.map

package/dist/board/StageRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StageRow.js","names":[],"sources":["../../src/board/StageRow.tsx"],"sourcesContent":["// The board's one work row (board/rows.css), in Queue, Shaping, Ready to build, Build and Concepts and linked work: a\n// first line in columns that line up down the whole board, one button that opens the item's details with the row's\n// action beside it, and under it a second line on the same columns.\n\nimport { ChevronDownIcon, ChevronRightIcon } from 'lucide-react';\nimport type { MouseEvent, ReactNode } from 'react';\n\nimport { Badge } from '../display/Badge';\nimport { Loading } from '../feedback/Loading';\nimport { pickedRow, ROW_ACTION, ROW_OPENS, ROW_RULE } from './RowStyles';\n\n/** A stage row: `item` names it as `data-item`, and `picked` marks the item the dialog shows. */\nexport function StageRowItem({ item, picked, children }: { item: string; picked: boolean; children: ReactNode }) {\n    return (\n        <li data-item={item} className={`@container py-2 ${ROW_RULE} hover:bg-(--accent) ${pickedRow(picked)}`}>\n            {children}\n        </li>\n    );\n}\n\n/** A row's first line: its cells, then its side. */\nexport function RowFirst({ children }: { children: ReactNode }) {\n    return <div className=\"row-first\">{children}</div>;\n}\n\n/** A row's first line's cells as the one button that opens its item. */\nexport function RowOpen({ onOpen, children }: { onOpen: () => void; children: ReactNode }) {\n    return (\n        <button type=\"button\" data-row-open data-meta onClick={onOpen} className={`row-cols ${ROW_OPENS}`}>\n            {children}\n        </button>\n    );\n}\n\n/** A row's first line's cells, when its title opens the item and the rest of the line does something else. */\nexport function RowCells({ children }: { children: ReactNode }) {\n    return <div className=\"row-cols\">{children}</div>;\n}\n\n/** The first cell: the item's status glyph. */\nexport function RowGlyph({ children }: { children: ReactNode }) {\n    return (\n        <span className=\"grid size-6 place-items-center\" data-glyph>\n            {children}\n        </span>\n    );\n}\n\n/** The first cell of a Queue row: its place in the Queue. */\nexport function QueuePlace({ children }: { children: ReactNode }) {\n    return <span className=\"queue-n text-center font-medium tabular-nums\">{children}</span>;\n}\n\n/** Where the item's ticket is saved and its repository, in the source cell. */\nexport function RowIdentity({ children }: { children: ReactNode }) {\n    return (\n        <span data-row-identity className=\"flex min-w-0 items-center gap-1.5 text-[11px] text-(--muted-foreground)\">\n            {children}\n        </span>\n    );\n}\n\n/** The kind cell. */\nexport function RowKindCell({ children }: { children: ReactNode }) {\n    return (\n        <span className=\"flex min-w-0 items-center\" data-kind>\n            {children}\n        </span>\n    );\n}\n\n/** The title cell: the RowTitle and what it is part of. */\nexport function RowTitleCell({ children }: { children: ReactNode }) {\n    return (\n        <span className=\"flex min-w-0 items-center gap-2\" data-title-cell>\n            {children}\n        </span>\n    );\n}\n\n/** The row's title, truncating; `name` gives it whole. */\nexport function RowTitle({ name, children }: { name: string; children: ReactNode }) {\n    return (\n        <span className=\"min-w-0 truncate text-sm leading-7 font-medium text-(--foreground)\" title={name} data-title>\n            {children}\n        </span>\n    );\n}\n\n/** After the title: which concept or parent the row's work belongs to, giving its room up first. */\nexport function RowPartOf({ children }: { children: string }) {\n    return (\n        <span\n            data-concept\n            title={children}\n            className=\"max-w-44 min-w-16 shrink-[100] truncate rounded bg-(--muted) px-1.5 text-(--muted-foreground)\"\n        >\n            {children}\n        </span>\n    );\n}\n\n/** The state cell, which `clips` what overflows it unless what it holds keeps its own width. */\nexport function RowStateCell({ clips = true, children }: { clips?: boolean; children: ReactNode }) {\n    return (\n        <span className={`flex min-w-0 items-center gap-1.5${clips ? ' overflow-hidden' : ''}`} data-col=\"state\">\n            {children}\n        </span>\n    );\n}\n\n/** The row's state in words; `title` says more. */\nexport function RowState({ title, children }: { title?: string; children: ReactNode }) {\n    return (\n        <span className=\"max-w-full shrink-0 truncate\" title={title} data-state>\n            {children}\n        </span>\n    );\n}\n\n/** A Queue row's state: how long it has waited. */\nexport function QueueAge({ children }: { children: ReactNode }) {\n    return (\n        <span className=\"queue-age shrink-0 tabular-nums\" data-state>\n            {children}\n        </span>\n    );\n}\n\n/** The row's action slot, at its right. With `passEmpty`, clicks on its controls stay there, and a click beside them\n *  reaches the row. */\nexport function RowSide({ passEmpty = false, children }: { passEmpty?: boolean; children: ReactNode }) {\n    if (!passEmpty)\n        return (\n            <span data-col=\"side\" className={`row-side ${ROW_ACTION}`}>\n                {children}\n            </span>\n        );\n\n    return (\n        <span data-col=\"side\" className=\"row-side\">\n            <span\n                className={ROW_ACTION}\n                onClick={(event) => {\n                    if (event.target !== event.currentTarget) event.stopPropagation();\n                }}\n            >\n                {children}\n            </span>\n        </span>\n    );\n}\n\n/** Where to act on an item that waits on you, in its action slot. */\nexport function OnYourDesk({ children }: { children: ReactNode }) {\n    return <span className=\"text-(--warning-foreground)\">{children}</span>;\n}\n\n/** A row's second line: `bar` and `count` on the left, `children` in its text slot, then its pull requests and\n *  figures. A click on it beside its controls goes to `onClick`. */\nexport function RowSecondLine({\n    bar,\n    count,\n    prs,\n    figures,\n    onClick,\n    children,\n}: {\n    bar?: ReactNode;\n    /** A RowCount or RowSliceToggle; with none, its cell stays empty. */\n    count?: ReactNode;\n    /** The pull requests, as PullRequestRefs. */\n    prs?: ReactNode;\n    figures?: ReactNode;\n    onClick?: ((event: MouseEvent<HTMLElement>) => void) | undefined;\n    children?: ReactNode;\n}) {\n    return (\n        <div data-progress onClick={onClick} className={`row-second ${onClick ? 'cursor-pointer' : ''}`}>\n            <span data-col=\"bar\" className=\"min-w-0\">\n                {bar}\n            </span>\n            {count || <span data-col=\"count\" />}\n            <span data-col=\"next\" className=\"flex min-w-0 items-center gap-3\">\n                {children}\n            </span>\n            <span data-col=\"pr\" className=\"flex min-w-0 gap-2 overflow-hidden tabular-nums\">\n                {prs}\n            </span>\n            <span data-col=\"figures\">{figures}</span>\n        </div>\n    );\n}\n\n/** The second line's count, such as `2/5 parts`. */\nexport function RowCount({ title, children }: { title?: string; children: ReactNode }) {\n    return (\n        <span data-col=\"count\" className=\"tabular-nums\" title={title}>\n            {children}\n        </span>\n    );\n}\n\n/** The second line's slice count as a button that unfolds the row's slices under it. */\nexport function RowSliceToggle({\n    open,\n    label,\n    onToggle,\n    children,\n}: {\n    open: boolean;\n    /** Names the button, as what it does now. */\n    label: string;\n    onToggle: () => void;\n    children: ReactNode;\n}) {\n    return (\n        <button\n            type=\"button\"\n            aria-expanded={open}\n            aria-label={label}\n            onClick={onToggle}\n            data-col=\"count\"\n            className={`flex h-4 items-center gap-1 justify-self-start rounded tabular-nums hover:text-(--foreground) ${ROW_OPENS}`}\n        >\n            {children}\n            {open ? <ChevronDownIcon className=\"size-3\" /> : <ChevronRightIcon className=\"size-3\" />}\n        </button>\n    );\n}\n\n/** Why the row is blocked, as a danger badge in its second line that truncates. */\nexport function RowBlocked({ children }: { children: string }) {\n    return (\n        <Badge tone=\"danger\" className=\"min-w-0\" title={children} data-blocked>\n            <span className=\"truncate\">{children}</span>\n        </Badge>\n    );\n}\n\nconst SLICE_TONE = { blocked: 'text-(--st-review)', active: 'text-(--st-now)' } as const;\n\n/** The second line's word on the row's slices: its first blocked or active slice, `more` after it, and anything `after`\n *  that (such as that every slice is implemented); `title` lists them all. */\nexport function RowSliceNote({\n    title,\n    first,\n    more,\n    after,\n}: {\n    title?: string | undefined;\n    first?: { word: string; tone: keyof typeof SLICE_TONE; title: string } | undefined;\n    more?: string | undefined;\n    after?: string | undefined;\n}) {\n    return (\n        <span data-note className=\"min-w-0 truncate\" title={title}>\n            {first && (\n                <>\n                    <span className={`font-medium ${SLICE_TONE[first.tone]}`}>{first.word}</span>{' '}\n                    <span className=\"text-(--foreground)\">{first.title}</span>\n                    {more}\n                </>\n            )}\n            {after && <span>{after}</span>}\n        </span>\n    );\n}\n\n/** Under a row: Start's message or error and what Auto-build says of it, taking no room when empty. */\nexport function RowFoot({ children }: { children: ReactNode }) {\n    return <div className=\"pt-1 pr-3 pl-12 empty:hidden\">{children}</div>;\n}\n\n/** Under a row: its unfolded slices. */\nexport function RowSlices({ children }: { children: ReactNode }) {\n    return (\n        <div className=\"pt-1 pr-3 pl-10\" data-slices>\n            {children}\n        </div>\n    );\n}\n\n/** The agent figures on one line, at the row's right: `text`, ending in a + when `partial`, or `incomplete` when there\n *  are no figures to show; while `updating`, a spinner named by it leads them. A row that stops animating keeps its\n *  spinner `still`. */\nexport function UsageFigures({\n    title,\n    text,\n    updating,\n    still = false,\n    partial,\n    incomplete,\n}: {\n    title: string;\n    text?: string | null | undefined;\n    updating?: string | undefined;\n    still?: boolean;\n    /** Screen-reader words for the +. */\n    partial?: string | undefined;\n    /** The words in place of figures for an incomplete total with none to show. */\n    incomplete?: string | undefined;\n}) {\n    return (\n        <span\n            className=\"flex min-w-0 items-center justify-end gap-1 text-(--muted-foreground) tabular-nums\"\n            title={title}\n        >\n            {updating && <Loading presentation=\"inline\" title={updating} still={still} />}\n            {text && <span className=\"truncate\">{text}</span>}\n            {text\n                ? partial && (\n                      <span className=\"-ml-1 shrink-0\" data-partial>\n                          +<span className=\"sr-only\"> {partial}</span>\n                      </span>\n                  )\n                : incomplete && <span className=\"shrink-0\">{incomplete}</span>}\n        </span>\n    );\n}\n"],"mappings":"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"}

package/dist/board/StageTrack.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+/**
+ * A piece of work's place on the board's active stages: one segment per stage, the past ones filled, and the current
+ * one half-filled in `color` under `glyph` (its status glyph), faint and ringed dashed while it `waiting`s. Complete
+ * work shows `glyph` alone, a tick, in place of the track.
+ */
+export declare function StageTrack({ stages, at, color, glyph, title, waiting, complete }: {
+  /** The stages' names, in order. */
+  stages: readonly string[];
+  /** The current stage's index. */
+  at: number;
+  color: string;
+  glyph: ReactNode;
+  title: string;
+  waiting?: boolean;
+  complete?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=StageTrack.d.ts.map

package/dist/board/StageTrack.js

@@ -0,0 +1,38 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/board/StageTrack.tsx
+const PAST = "color-mix(in srgb, var(--foreground) 28%, transparent)";
+/**
+* A piece of work's place on the board's active stages: one segment per stage, the past ones filled, and the current
+* one half-filled in `color` under `glyph` (its status glyph), faint and ringed dashed while it `waiting`s. Complete
+* work shows `glyph` alone, a tick, in place of the track.
+*/
+function StageTrack({ stages, at, color, glyph, title, waiting = false, complete = false }) {
+	if (complete) return /* @__PURE__ */ jsx("span", {
+		className: "flex h-5 items-center",
+		title,
+		children: glyph
+	});
+	return /* @__PURE__ */ jsx("ol", {
+		className: "m-0 grid list-none grid-cols-5 gap-px p-0",
+		title,
+		children: stages.map((name, n) => /* @__PURE__ */ jsxs("li", {
+			className: "relative flex h-5 items-center justify-center",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: `absolute inset-x-0 h-1.5 ${n === 0 ? "rounded-l-full" : ""} ${n === stages.length - 1 ? "rounded-r-full" : ""}`,
+				style: { background: n < at ? PAST : "var(--soft)" }
+			}), n === at && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+				className: `absolute right-1/2 left-0 h-1.5 ${n === 0 ? "rounded-l-full" : ""}`,
+				style: {
+					background: color,
+					opacity: waiting ? .35 : 1
+				}
+			}), /* @__PURE__ */ jsx("span", {
+				className: `relative grid size-5 place-items-center rounded-full bg-(--card) ${waiting ? "border border-dashed border-(--muted-foreground)" : ""}`,
+				children: glyph
+			})] })]
+		}, name))
+	});
+}
+export { StageTrack };
+
+//# sourceMappingURL=StageTrack.js.map

package/dist/board/StageTrack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StageTrack.js","names":[],"sources":["../../src/board/StageTrack.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nconst PAST = 'color-mix(in srgb, var(--foreground) 28%, transparent)';\n\n/**\n * A piece of work's place on the board's active stages: one segment per stage, the past ones filled, and the current\n * one half-filled in `color` under `glyph` (its status glyph), faint and ringed dashed while it `waiting`s. Complete\n * work shows `glyph` alone, a tick, in place of the track.\n */\nexport function StageTrack({\n    stages,\n    at,\n    color,\n    glyph,\n    title,\n    waiting = false,\n    complete = false,\n}: {\n    /** The stages' names, in order. */\n    stages: readonly string[];\n    /** The current stage's index. */\n    at: number;\n    color: string;\n    glyph: ReactNode;\n    title: string;\n    waiting?: boolean;\n    complete?: boolean;\n}) {\n    if (complete)\n        return (\n            <span className=\"flex h-5 items-center\" title={title}>\n                {glyph}\n            </span>\n        );\n\n    return (\n        <ol className=\"m-0 grid list-none grid-cols-5 gap-px p-0\" title={title}>\n            {stages.map((name, n) => (\n                <li key={name} className=\"relative flex h-5 items-center justify-center\">\n                    <span\n                        className={`absolute inset-x-0 h-1.5 ${n === 0 ? 'rounded-l-full' : ''} ${n === stages.length - 1 ? 'rounded-r-full' : ''}`}\n                        style={{ background: n < at ? PAST : 'var(--soft)' }}\n                    />\n                    {n === at && (\n                        <>\n                            <span\n                                className={`absolute right-1/2 left-0 h-1.5 ${n === 0 ? 'rounded-l-full' : ''}`}\n                                style={{ background: color, opacity: waiting ? 0.35 : 1 }}\n                            />\n                            <span\n                                className={`relative grid size-5 place-items-center rounded-full bg-(--card) ${waiting ? 'border border-dashed border-(--muted-foreground)' : ''}`}\n                            >\n                                {glyph}\n                            </span>\n                        </>\n                    )}\n                </li>\n            ))}\n        </ol>\n    );\n}\n"],"mappings":";;AAEA,MAAM,OAAO;;;;;;AAOb,SAAgB,WAAW,EACvB,QACA,IACA,OACA,OACA,OACA,UAAU,OACV,WAAW,SAWZ;CACC,IAAI,UACA,OACI,oBAAC,QAAD;EAAM,WAAU;EAA+B;EAC1C,UAAA;CACC,CAAA;CAGd,OACI,oBAAC,MAAD;EAAI,WAAU;EAAmD;EAC5D,UAAA,OAAO,KAAK,MAAM,MACf,qBAAC,MAAD;GAAe,WAAU;GAAzB,UAAA,CACI,oBAAC,QAAD;IACI,WAAW,4BAA4B,MAAM,IAAI,mBAAmB,GAAG,GAAG,MAAM,OAAO,SAAS,IAAI,mBAAmB;IACvH,OAAO,EAAE,YAAY,IAAI,KAAK,OAAO,cAAc;GACtD,CAAA,GACA,MAAM,MACH,qBAAA,UAAA,EAAA,UAAA,CACI,oBAAC,QAAD;IACI,WAAW,mCAAmC,MAAM,IAAI,mBAAmB;IAC3E,OAAO;KAAE,YAAY;KAAO,SAAS,UAAU,MAAO;IAAE;GAC3D,CAAA,GACD,oBAAC,QAAD;IACI,WAAW,oEAAoE,UAAU,qDAAqD;IAE7I,UAAA;GACC,CAAA,CACR,EAAA,CAAA,CAEN;EAlBK,GAAA,IAkBL,CACP;CACD,CAAA;AAEZ"}

package/dist/board/StartControls.d.ts

@@ -0,0 +1,30 @@
+import { DataAttributes } from "./DataAttributes.js";
+import { ReactNode, Ref } from "react";
+/** Start and what goes with it, at the right of its row, wrapping. */
+export declare function StartGroup({ children }: {
+  children: ReactNode;
+}): import("react").JSX.Element;
+/** A sentence on a line of its own in StartGroup, such as "Run finished.". */
+export declare function StartNote({ children }: {
+  children: ReactNode;
+}): import("react").JSX.Element;
+/** The tag that takes Start's place: Started, or May have started while it's `unsure`. It takes focus back from a closed
+ *  message, so it is focusable from script. */
+export declare function StartTag({ unsure, title, children, ...data }: {
+  unsure?: boolean;
+  title: string;
+  children: ReactNode;
+} & DataAttributes): import("react").JSX.Element;
+/** The small line under Start: its message or error, or what Auto-build says of the item. */
+export declare function StartLine({ ref, tabIndex, children, ...data }: {
+  ref?: Ref<HTMLParagraphElement>;
+  tabIndex?: number;
+  children: ReactNode;
+} & DataAttributes): import("react").JSX.Element;
+/** An action's error in the danger text colour, on its own line after the controls beside it. */
+export declare function ActionError({ ref, role, children }: {
+  ref?: Ref<HTMLSpanElement>;
+  role?: 'alert';
+  children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=StartControls.d.ts.map

package/dist/board/StartControls.js

@@ -0,0 +1,51 @@
+import { Badge } from "../display/Badge.js";
+import { jsx } from "react/jsx-runtime";
+// src/board/StartControls.tsx
+/** Start and what goes with it, at the right of its row, wrapping. */
+function StartGroup({ children }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "start-group",
+		children
+	});
+}
+/** A sentence on a line of its own in StartGroup, such as "Run finished.". */
+function StartNote({ children }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "basis-full",
+		children
+	});
+}
+/** The tag that takes Start's place: Started, or May have started while it's `unsure`. It takes focus back from a closed
+*  message, so it is focusable from script. */
+function StartTag({ unsure = false, title, children, ...data }) {
+	return /* @__PURE__ */ jsx(Badge, {
+		...data,
+		tone: unsure ? "warning" : "success",
+		className: unsure ? "started-tag unsure" : "started-tag",
+		tabIndex: -1,
+		title,
+		children
+	});
+}
+/** The small line under Start: its message or error, or what Auto-build says of the item. */
+function StartLine({ ref, tabIndex, children, ...data }) {
+	return /* @__PURE__ */ jsx("p", {
+		...data,
+		ref,
+		tabIndex,
+		className: "start",
+		children
+	});
+}
+/** An action's error in the danger text colour, on its own line after the controls beside it. */
+function ActionError({ ref, role, children }) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		role,
+		className: "action-error",
+		children
+	});
+}
+export { ActionError, StartGroup, StartLine, StartNote, StartTag };
+
+//# sourceMappingURL=StartControls.js.map

package/dist/board/StartControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StartControls.js","names":[],"sources":["../../src/board/StartControls.tsx"],"sourcesContent":["// What sits around a piece of work's Start (board/items.css): the group that holds it, the tag that takes its place once\n// a thread started, and the line under it with Start's message or error.\n\nimport type { ReactNode, Ref } from 'react';\n\nimport { Badge } from '../display/Badge';\nimport type { DataAttributes } from './DataAttributes';\n\n/** Start and what goes with it, at the right of its row, wrapping. */\nexport function StartGroup({ children }: { children: ReactNode }) {\n    return <span className=\"start-group\">{children}</span>;\n}\n\n/** A sentence on a line of its own in StartGroup, such as \"Run finished.\". */\nexport function StartNote({ children }: { children: ReactNode }) {\n    return <span className=\"basis-full\">{children}</span>;\n}\n\n/** The tag that takes Start's place: Started, or May have started while it's `unsure`. It takes focus back from a closed\n *  message, so it is focusable from script. */\nexport function StartTag({\n    unsure = false,\n    title,\n    children,\n    ...data\n}: {\n    unsure?: boolean;\n    title: string;\n    children: ReactNode;\n} & DataAttributes) {\n    return (\n        <Badge\n            {...data}\n            tone={unsure ? 'warning' : 'success'}\n            className={unsure ? 'started-tag unsure' : 'started-tag'}\n            tabIndex={-1}\n            title={title}\n        >\n            {children}\n        </Badge>\n    );\n}\n\n/** The small line under Start: its message or error, or what Auto-build says of the item. */\nexport function StartLine({\n    ref,\n    tabIndex,\n    children,\n    ...data\n}: {\n    ref?: Ref<HTMLParagraphElement>;\n    tabIndex?: number;\n    children: ReactNode;\n} & DataAttributes) {\n    return (\n        <p {...data} ref={ref} tabIndex={tabIndex} className=\"start\">\n            {children}\n        </p>\n    );\n}\n\n/** An action's error in the danger text colour, on its own line after the controls beside it. */\nexport function ActionError({\n    ref,\n    role,\n    children,\n}: {\n    ref?: Ref<HTMLSpanElement>;\n    role?: 'alert';\n    children: ReactNode;\n}) {\n    return (\n        <span ref={ref} role={role} className=\"action-error\">\n            {children}\n        </span>\n    );\n}\n"],"mappings":";;;;AASA,SAAgB,WAAW,EAAE,YAAqC;CAC9D,OAAO,oBAAC,QAAD;EAAM,WAAU;EAAe;CAAe,CAAA;AACzD;;AAGA,SAAgB,UAAU,EAAE,YAAqC;CAC7D,OAAO,oBAAC,QAAD;EAAM,WAAU;EAAc;CAAe,CAAA;AACxD;;;AAIA,SAAgB,SAAS,EACrB,SAAS,OACT,OACA,UACA,GAAG,QAKa;CAChB,OACI,oBAAC,OAAD;EACI,GAAI;EACJ,MAAM,SAAS,YAAY;EAC3B,WAAW,SAAS,uBAAuB;EAC3C,UAAU;EACH;EAEN;CACE,CAAA;AAEf;;AAGA,SAAgB,UAAU,EACtB,KACA,UACA,UACA,GAAG,QAKa;CAChB,OACI,oBAAC,KAAD;EAAG,GAAI;EAAW;EAAe;EAAU,WAAU;EAChD;CACF,CAAA;AAEX;;AAGA,SAAgB,YAAY,EACxB,KACA,MACA,YAKD;CACC,OACI,oBAAC,QAAD;EAAW;EAAW;EAAM,WAAU;EACjC;CACC,CAAA;AAEd"}

package/dist/board/StatusColors.d.ts

@@ -0,0 +1,5 @@
+/** A piece of work's status on the board. */
+export type BoardStatus = 'List' | 'Queued' | 'Shaping' | 'Needs you' | 'Ready' | 'In progress' | 'Review' | 'Verify' | 'Ready to merge' | 'Done';
+/** Each status's colour, as a CSS colour value. */
+export declare const statusColor: Record<BoardStatus, string>;
+//# sourceMappingURL=StatusColors.d.ts.map

package/dist/board/StatusColors.js

@@ -0,0 +1,17 @@
+// src/board/StatusColors.ts
+/** Each status's colour, as a CSS colour value. */
+const statusColor = {
+	List: "var(--st-idle)",
+	Queued: "var(--st-idle)",
+	Shaping: "var(--st-now)",
+	"Needs you": "var(--st-amber)",
+	Ready: "var(--st-now)",
+	"In progress": "var(--st-now)",
+	Review: "var(--st-review)",
+	Verify: "var(--st-amber)",
+	"Ready to merge": "var(--st-done)",
+	Done: "var(--st-done)"
+};
+export { statusColor };
+
+//# sourceMappingURL=StatusColors.js.map

package/dist/board/StatusColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusColors.js","names":[],"sources":["../../src/board/StatusColors.ts"],"sourcesContent":["// The board's statuses and the colour each is drawn in (board/tokens.css's --st-* colours).\n\n/** A piece of work's status on the board. */\nexport type BoardStatus =\n    | 'List'\n    | 'Queued'\n    | 'Shaping'\n    | 'Needs you'\n    | 'Ready'\n    | 'In progress'\n    | 'Review'\n    | 'Verify'\n    | 'Ready to merge'\n    | 'Done';\n\n/** Each status's colour, as a CSS colour value. */\nexport const statusColor: Record<BoardStatus, string> = {\n    List: 'var(--st-idle)',\n    Queued: 'var(--st-idle)',\n    Shaping: 'var(--st-now)',\n    'Needs you': 'var(--st-amber)',\n    Ready: 'var(--st-now)',\n    'In progress': 'var(--st-now)',\n    Review: 'var(--st-review)',\n    Verify: 'var(--st-amber)',\n    'Ready to merge': 'var(--st-done)',\n    Done: 'var(--st-done)',\n};\n"],"mappings":";;AAgBA,MAAa,cAA2C;CACpD,MAAM;CACN,QAAQ;CACR,SAAS;CACT,aAAa;CACb,OAAO;CACP,eAAe;CACf,QAAQ;CACR,QAAQ;CACR,kBAAkB;CAClB,MAAM;AACV"}

package/dist/board/StatusGlyph.d.ts

@@ -0,0 +1,18 @@
+import { BoardStatus } from "./StatusColors.js";
+declare const sizes: {
+  readonly compact: 'size-3';
+  readonly default: 'size-3.5';
+  readonly title: 'size-4';
+};
+/**
+ * A status's glyph in its colour. `running` animates it while its work is known to run: In progress spins, and
+ * Shaping, Review, Verify and Ready to merge pulse. `presentation` sizes it: 12px beside small text, 14px by default,
+ * 16px beside a title.
+ */
+export declare function StatusGlyph({ status, running, presentation }: {
+  status: BoardStatus;
+  running?: boolean;
+  presentation?: keyof typeof sizes;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=StatusGlyph.d.ts.map

package/dist/board/StatusGlyph.js

@@ -0,0 +1,51 @@
+import { SpinnerIcon } from "../feedback/Loading.js";
+import { ambientMotion } from "../foundations/AmbientMotion.js";
+import { statusColor } from "./StatusColors.js";
+import { CheckIcon, CircleArrowRightIcon, CircleDashedIcon, CircleDotIcon, CircleIcon, Clock3Icon, EyeIcon, GitMergeIcon, ListIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+// src/board/StatusGlyph.tsx
+const sizes = {
+	compact: "size-3",
+	default: "size-3.5",
+	title: "size-4"
+};
+/** The statuses whose glyph pulses while their work runs; In progress spins instead. */
+const pulses = [
+	"Shaping",
+	"Review",
+	"Verify",
+	"Ready to merge"
+];
+/**
+* A status's glyph in its colour. `running` animates it while its work is known to run: In progress spins, and
+* Shaping, Review, Verify and Ready to merge pulse. `presentation` sizes it: 12px beside small text, 14px by default,
+* 16px beside a title.
+*/
+function StatusGlyph({ status, running = false, presentation = "default" }) {
+	const pulse = running && pulses.includes(status);
+	const props = {
+		ref: pulse ? ambientMotion : void 0,
+		className: `shrink-0 ${sizes[presentation]}${pulse ? " status-pulse" : ""}`,
+		style: { color: statusColor[status] },
+		strokeWidth: 2.25
+	};
+	switch (status) {
+		case "List": return /* @__PURE__ */ jsx(ListIcon, { ...props });
+		case "Needs you":
+		case "Verify": return /* @__PURE__ */ jsx(CircleDotIcon, { ...props });
+		case "In progress": return running ? /* @__PURE__ */ jsx(SpinnerIcon, {
+			motion: "status",
+			...props
+		}) : /* @__PURE__ */ jsx(CircleIcon, { ...props });
+		case "Ready": return /* @__PURE__ */ jsx(CircleArrowRightIcon, { ...props });
+		case "Shaping": return /* @__PURE__ */ jsx(CircleDashedIcon, { ...props });
+		case "Review": return /* @__PURE__ */ jsx(EyeIcon, { ...props });
+		case "Ready to merge": return /* @__PURE__ */ jsx(GitMergeIcon, { ...props });
+		case "Done": return /* @__PURE__ */ jsx(CheckIcon, { ...props });
+		case "Queued": return /* @__PURE__ */ jsx(Clock3Icon, { ...props });
+		default: return /* @__PURE__ */ jsx(CircleIcon, { ...props });
+	}
+}
+export { StatusGlyph };
+
+//# sourceMappingURL=StatusGlyph.js.map

package/dist/board/StatusGlyph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusGlyph.js","names":[],"sources":["../../src/board/StatusGlyph.tsx"],"sourcesContent":["// One glyph per status of Lar Factory's work, the way T3 marks a thread working, waiting or done, in the status's\n// colour (board/tokens.css's --st-* colours).\n\nimport {\n    CheckIcon,\n    CircleArrowRightIcon,\n    CircleDashedIcon,\n    CircleDotIcon,\n    CircleIcon,\n    Clock3Icon,\n    EyeIcon,\n    GitMergeIcon,\n    ListIcon,\n} from 'lucide-react';\n\nimport { SpinnerIcon } from '../feedback/Loading';\nimport { ambientMotion } from '../foundations/AmbientMotion';\nimport { type BoardStatus, statusColor } from './StatusColors';\n\nconst sizes = { compact: 'size-3', default: 'size-3.5', title: 'size-4' } as const;\n\n/** The statuses whose glyph pulses while their work runs; In progress spins instead. */\nconst pulses: BoardStatus[] = ['Shaping', 'Review', 'Verify', 'Ready to merge'];\n\n/**\n * A status's glyph in its colour. `running` animates it while its work is known to run: In progress spins, and\n * Shaping, Review, Verify and Ready to merge pulse. `presentation` sizes it: 12px beside small text, 14px by default,\n * 16px beside a title.\n */\nexport function StatusGlyph({\n    status,\n    running = false,\n    presentation = 'default',\n}: {\n    status: BoardStatus;\n    running?: boolean;\n    presentation?: keyof typeof sizes;\n}) {\n    const pulse = running && pulses.includes(status);\n    const props = {\n        ref: pulse ? ambientMotion : undefined,\n        className: `shrink-0 ${sizes[presentation]}${pulse ? ' status-pulse' : ''}`,\n        style: { color: statusColor[status] },\n        strokeWidth: 2.25,\n    };\n\n    switch (status) {\n        case 'List':\n            return <ListIcon {...props} />;\n        case 'Needs you':\n        case 'Verify':\n            return <CircleDotIcon {...props} />;\n        case 'In progress':\n            return running ? <SpinnerIcon motion=\"status\" {...props} /> : <CircleIcon {...props} />;\n        case 'Ready':\n            return <CircleArrowRightIcon {...props} />;\n        case 'Shaping':\n            return <CircleDashedIcon {...props} />;\n        case 'Review':\n            return <EyeIcon {...props} />;\n        case 'Ready to merge':\n            return <GitMergeIcon {...props} />;\n        case 'Done':\n            return <CheckIcon {...props} />;\n        case 'Queued':\n            return <Clock3Icon {...props} />;\n        default:\n            return <CircleIcon {...props} />;\n    }\n}\n"],"mappings":";;;;;;AAmBA,MAAM,QAAQ;CAAE,SAAS;CAAU,SAAS;CAAY,OAAO;AAAS;;AAGxE,MAAM,SAAwB;CAAC;CAAW;CAAU;CAAU;AAAgB;;;;;;AAO9E,SAAgB,YAAY,EACxB,QACA,UAAU,OACV,eAAe,aAKhB;CACC,MAAM,QAAQ,WAAW,OAAO,SAAS,MAAM;CAC/C,MAAM,QAAQ;EACV,KAAK,QAAQ,gBAAgB,KAAA;EAC7B,WAAW,YAAY,MAAM,gBAAgB,QAAQ,kBAAkB;EACvE,OAAO,EAAE,OAAO,YAAY,QAAQ;EACpC,aAAa;CACjB;CAEA,QAAQ,QAAR;EACI,KAAK,QACD,OAAO,oBAAC,UAAD,EAAU,GAAI,MAAQ,CAAA;EACjC,KAAK;EACL,KAAK,UACD,OAAO,oBAAC,eAAD,EAAe,GAAI,MAAQ,CAAA;EACtC,KAAK,eACD,OAAO,UAAU,oBAAC,aAAD;GAAa,QAAO;GAAS,GAAI;EAAQ,CAAA,IAAI,oBAAC,YAAD,EAAY,GAAI,MAAQ,CAAA;EAC1F,KAAK,SACD,OAAO,oBAAC,sBAAD,EAAsB,GAAI,MAAQ,CAAA;EAC7C,KAAK,WACD,OAAO,oBAAC,kBAAD,EAAkB,GAAI,MAAQ,CAAA;EACzC,KAAK,UACD,OAAO,oBAAC,SAAD,EAAS,GAAI,MAAQ,CAAA;EAChC,KAAK,kBACD,OAAO,oBAAC,cAAD,EAAc,GAAI,MAAQ,CAAA;EACrC,KAAK,QACD,OAAO,oBAAC,WAAD,EAAW,GAAI,MAAQ,CAAA;EAClC,KAAK,UACD,OAAO,oBAAC,YAAD,EAAY,GAAI,MAAQ,CAAA;EACnC,SACI,OAAO,oBAAC,YAAD,EAAY,GAAI,MAAQ,CAAA;CACvC;AACJ"}

package/dist/board/Threads.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+/** The earlier threads, one EarlierThread each, in small muted text. */
+export declare function EarlierThreadList({ children }: {
+  children: ReactNode;
+}): import("react").JSX.Element;
+/** An earlier thread: its `name`, linked when `href` opens it, then its `state`; `title` names it in full. */
+export declare function EarlierThread({ name, title, href, state }: {
+  name: string;
+  title: string;
+  href?: string | undefined;
+  state: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Threads.d.ts.map

package/dist/board/Threads.js

@@ -0,0 +1,35 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/board/Threads.tsx
+/** The earlier threads, one EarlierThread each, in small muted text. */
+function EarlierThreadList({ children }) {
+	return /* @__PURE__ */ jsx("ul", {
+		className: "m-0 grid list-none gap-1 p-0 text-xs text-(--muted-foreground)",
+		"data-earlier-threads": true,
+		children
+	});
+}
+/** An earlier thread: its `name`, linked when `href` opens it, then its `state`; `title` names it in full. */
+function EarlierThread({ name, title, href, state }) {
+	return /* @__PURE__ */ jsxs("li", {
+		className: "flex min-w-0 items-center gap-1.5",
+		title,
+		children: [
+			href ? /* @__PURE__ */ jsx("a", {
+				href,
+				className: "truncate underline",
+				children: name
+			}) : /* @__PURE__ */ jsx("span", {
+				className: "truncate",
+				children: name
+			}),
+			" ",
+			/* @__PURE__ */ jsxs("span", {
+				className: "shrink-0",
+				children: ["· ", state]
+			})
+		]
+	});
+}
+export { EarlierThread, EarlierThreadList };
+
+//# sourceMappingURL=Threads.js.map

package/dist/board/Threads.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Threads.js","names":[],"sources":["../../src/board/Threads.tsx"],"sourcesContent":["// A piece of work's earlier T3 threads, in the item dialog.\n\nimport type { ReactNode } from 'react';\n\n/** The earlier threads, one EarlierThread each, in small muted text. */\nexport function EarlierThreadList({ children }: { children: ReactNode }) {\n    return (\n        <ul className=\"m-0 grid list-none gap-1 p-0 text-xs text-(--muted-foreground)\" data-earlier-threads>\n            {children}\n        </ul>\n    );\n}\n\n/** An earlier thread: its `name`, linked when `href` opens it, then its `state`; `title` names it in full. */\nexport function EarlierThread({\n    name,\n    title,\n    href,\n    state,\n}: {\n    name: string;\n    title: string;\n    href?: string | undefined;\n    state: ReactNode;\n}) {\n    return (\n        <li className=\"flex min-w-0 items-center gap-1.5\" title={title}>\n            {href ? (\n                <a href={href} className=\"truncate underline\">\n                    {name}\n                </a>\n            ) : (\n                <span className=\"truncate\">{name}</span>\n            )}{' '}\n            <span className=\"shrink-0\">· {state}</span>\n        </li>\n    );\n}\n"],"mappings":";;;AAKA,SAAgB,kBAAkB,EAAE,YAAqC;CACrE,OACI,oBAAC,MAAD;EAAI,WAAU;EAAiE,wBAAA;EAC1E;CACD,CAAA;AAEZ;;AAGA,SAAgB,cAAc,EAC1B,MACA,OACA,MACA,SAMD;CACC,OACI,qBAAC,MAAD;EAAI,WAAU;EAA2C;EAAzD,UAAA;GACK,OACG,oBAAC,KAAD;IAAS;IAAM,WAAU;IACpB,UAAA;GACF,CAAA,IAEH,oBAAC,QAAD;IAAM,WAAU;IAAY,UAAA;GAAW,CAAA;GACxC;GACH,qBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA,CAA2B,MAAG,KAAY;;EAC1C;;AAEZ"}