@manakind/manuia-ui 0.21.0 → 0.23.0

package/README.md

@@ -1,9 +1,8 @@
 # `@manakind/manuia-ui`
 
 The Manuia-flavored surface of the [Manakind](https://github.com/Humanity-Plus/Manakind)
-design system. Today it re-exports the shared base components from
-`@manakind/ui-core`; Manuia-specific compositions (cards, flows, layouts unique
-to Manuia) will live alongside this barrel as they are built.
+design system. It re-exports the shared base components from
+`@manakind/ui-core` alongside Manuia-specific compositions.
 
 Pair it with `@manakind/manuia-tokens`, whose `theme.css` resolves the `--ds-*`
 contract into Manuia's visual style.
@@ -42,6 +41,25 @@ export function Continue() {
 }
 ```
 
+## Components
+
+The root `@manakind/manuia-ui` export includes:
+
+- All shared components, including `Breadcrumb` for ancestor navigation.
+- `CategoryLabel` for one category's name and colour dot or glyph, optionally linked.
+- `GoalCategories` for a list of category labels, with an optional overflow count.
+- `MilestoneTimeline` for a project's start, milestones and end, with progress,
+  product-supplied controls and a collapsible ordered list.
+- `ActionItem` and `OutcomeItem` for rows with an optional `eyebrow` above the title
+  and a validated `accentColor`. Row styles, including sortable transforms, are preserved.
+- `ActionList`, `CategoryCard`, `FocusItem`, `FocusList`, `GoalCard`, `GoalList`,
+  `GoalListItem`, `GoalStatusMenu` and `GoalTabTrigger`.
+
+See the [Breadcrumb](https://github.com/Humanity-Plus/Manakind/blob/main/docs/components/breadcrumb.mdx),
+[CategoryLabel](https://github.com/Humanity-Plus/Manakind/blob/main/docs/components/category-label.mdx) and
+[MilestoneTimeline](https://github.com/Humanity-Plus/Manakind/blob/main/docs/components/milestone-timeline.mdx) docs for usage and
+accessibility.
+
 ## License
 
 MIT — see [LICENSE](./LICENSE).

package/dist/action-item/action-item.css

@@ -218,6 +218,13 @@
         display: contents;
       }
 
+      /* The breadcrumb keeps its own line above the toggle and title, under the title's column. */
+      & .mui-action-item__eyebrow {
+        order: -1;
+        flex: 0 0 calc(100% - var(--mui-action-item-indent));
+        margin-inline-start: var(--mui-action-item-indent);
+      }
+
       & .mui-action-item__title {
         flex: 1 1 0;
         align-self: center;

package/dist/action-item/action-item.d.ts

@@ -1,6 +1,7 @@
 import { type BadgeVariant, type IconSource } from '@manakind/ui-core';
 import type { ComponentProps, ReactNode } from 'react';
 import { type GoalCategory } from '../goal-categories';
+import '../item-accent.css';
 import '../leading-slot.css';
 import './action-item.css';
 /** One fact about the action, shown after the title: its project, outcome, effort, duration. */
@@ -50,7 +51,7 @@ export interface ActionItemProps extends Omit<ComponentProps<'li'>, 'title' | 'c
     priority?: ActionItemPriority;
     /** Facts shown after the title, each with an optional glyph. */
     details?: ActionItemDetail[];
-    /** Categories the action belongs to, as dotted text. */
+    /** Categories the action belongs to, each a `CategoryLabel`. */
     categories?: GoalCategory[];
     /** How many categories to show before collapsing into `+N more`. Defaults to 2, as on `GoalListItem`. */
     maxVisibleCategories?: number;
@@ -94,6 +95,17 @@ export interface ActionItemProps extends Omit<ComponentProps<'li'>, 'title' | 'c
      * it is given. Defaults to `default`.
      */
     density?: ActionItemDensity;
+    /**
+     * Where the item lives, above its title: a `Breadcrumb` of its category,
+     * project or outcome, say. Rendered as given.
+     */
+    eyebrow?: ReactNode;
+    /**
+     * The item's category colour as a straight bar along the card's leading
+     * edge, for scanning a long mixed list. Data, not a token: validated by
+     * `safeColor` and ignored when not a colour. Leave it off a lone item.
+     */
+    accentColor?: string;
     /** Extra class names on the `<li>`. */
     className?: string;
     /**
@@ -128,5 +140,5 @@ export interface ActionItemProps extends Omit<ComponentProps<'li'>, 'title' | 'c
  * count a screen reader hears is the whole list's, and a sortable list
  * passes its drag library's ref and transform style.
  */
-export declare function ActionItem({ title, completed, onCompletedChange, completeIcon, priority, details, categories, maxVisibleCategories, note, noteTone, selected, onSelectedChange, controls, secondary, leading, titleAs, density, className, children, ...listItemProps }: ActionItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function ActionItem({ title, completed, onCompletedChange, completeIcon, priority, details, categories, maxVisibleCategories, note, noteTone, selected, onSelectedChange, controls, secondary, leading, titleAs, density, eyebrow, accentColor, className, children, ...listItemProps }: ActionItemProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=action-item.d.ts.map

package/dist/action-item/action-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action-item.d.ts","sourceRoot":"","sources":["../../src/action-item/action-item.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"action-item.d.ts","sourceRoot":"","sources":["../../src/action-item/action-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,EAOjB,KAAK,UAAU,EAChB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,oBAAoB,CAAC;AAE5B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,mBAAmB,CAAC;AAE3B,gGAAgG;AAChG,MAAM,WAAW,gBAAgB;IAC/B,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,mFAAmF;AACnF,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEhE,sGAAsG;AACtG,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,KAAK,EAAE,uBAAuB,CAAC;IAC/B,oHAAoH;IACpH,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,4GAA4G;AAC5G,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,YAAY,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;AAE5E;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,CAAC;AAEtD,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;IACtE,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,uFAAuF;IACvF,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,+DAA+D;IAC/D,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,gEAAgE;IAChE,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,gEAAgE;IAChE,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B,yGAAyG;IACzG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yGAAyG;IACzG,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oFAAoF;IACpF,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,EACT,iBAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,OAAY,EACZ,UAAe,EACf,oBAAwB,EACxB,IAAI,EACJ,QAAkB,EAClB,QAAgB,EAChB,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,OAAc,EACd,OAAmB,EACnB,OAAO,EACP,WAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,aAAa,EACjB,EAAE,eAAe,2CAyHjB"}

package/dist/action-item/action-item.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Badge, Card, CardTitle, Checkbox, cx, Icon, IconButton, } from '@manakind/ui-core';
 import { GoalCategories } from '../goal-categories';
+import '../item-accent.css';
+import { accentProps } from '../item-accent';
 import '../leading-slot.css';
 import './action-item.css';
 /**
@@ -28,7 +30,7 @@ import './action-item.css';
  * count a screen reader hears is the whole list's, and a sortable list
  * passes its drag library's ref and transform style.
  */
-export function ActionItem({ title, completed, onCompletedChange, completeIcon, priority, details = [], categories = [], maxVisibleCategories = 2, note, noteTone = 'muted', selected = false, onSelectedChange, controls, secondary, leading, titleAs = 'h3', density = 'default', className, children, ...listItemProps }) {
+export function ActionItem({ title, completed, onCompletedChange, completeIcon, priority, details = [], categories = [], maxVisibleCategories = 2, note, noteTone = 'muted', selected = false, onSelectedChange, controls, secondary, leading, titleAs = 'h3', density = 'default', eyebrow, accentColor, className, children, ...listItemProps }) {
     const selectable = onSelectedChange !== undefined;
     const compact = density === 'compact';
     const toggle = completeIcon && onCompletedChange ? (_jsx(IconButton, { className: "mui-action-item__complete", variant: completed ? 'primary' : 'secondary', size: compact ? 'sm' : 'md', icon: completeIcon, "aria-pressed": completed, "aria-label": `Complete ${title}`, onClick: () => onCompletedChange(!completed) })) : null;
@@ -45,6 +47,7 @@ export function ActionItem({ title, completed, onCompletedChange, completeIcon,
     });
     const priorityDetail = priority ? (_jsxs("span", { className: cx('mui-action-item__detail', 'mui-action-item__priority', `mui-action-item__priority--${priority.level}`), children: [priority.icon && (_jsx(Icon, { source: priority.icon, size: "sm", decorative: true, className: "mui-action-item__detail-icon mui-action-item__priority-icon" })), _jsx("span", { className: "mui-action-item__detail-label", children: priority.label })] })) : null;
     const detailList = priority || details.length > 0 || note ? (_jsxs("p", { className: "mui-action-item__details", children: [priorityDetail, detailRows, note && (_jsx(Badge, { variant: noteTone, className: "mui-action-item__note", children: note }))] })) : null;
-    return (_jsxs("li", { ...listItemProps, className: cx('mui-leading-slot', 'mui-action-item', compact && 'mui-action-item--compact', completed && 'mui-action-item--completed', selectable && selected && 'mui-action-item--selected', className), children: [leading && (_jsx("div", { className: "mui-leading-slot__leading mui-action-item__leading", children: leading })), _jsx(Card, { className: "mui-leading-slot__card mui-action-item__card", children: _jsxs("div", { className: "mui-action-item__row", children: [toggle, _jsxs("div", { className: "mui-action-item__main", children: [_jsx(CardTitle, { as: titleAs, className: "mui-action-item__title", children: title }), detailList, _jsx(GoalCategories, { className: "mui-action-item__categories", categories: categories, maxVisible: maxVisibleCategories }), secondary && _jsx("div", { className: "mui-action-item__secondary", children: secondary })] }), controls && _jsx("div", { className: "mui-action-item__controls", children: controls }), selectable && (_jsx(Checkbox, { className: "mui-action-item__select", "aria-label": `Select ${title}`, checked: selected, onCheckedChange: onSelectedChange }))] }) }), children] }));
+    const accent = accentProps(accentColor, listItemProps.style);
+    return (_jsxs("li", { ...listItemProps, style: accent.style, className: cx('mui-leading-slot', 'mui-action-item', accent.className, compact && 'mui-action-item--compact', completed && 'mui-action-item--completed', selectable && selected && 'mui-action-item--selected', className), children: [leading && (_jsx("div", { className: "mui-leading-slot__leading mui-action-item__leading", children: leading })), _jsx(Card, { className: "mui-leading-slot__card mui-action-item__card", children: _jsxs("div", { className: "mui-action-item__row", children: [toggle, _jsxs("div", { className: "mui-action-item__main", children: [eyebrow && _jsx("div", { className: "mui-action-item__eyebrow", children: eyebrow }), _jsx(CardTitle, { as: titleAs, className: "mui-action-item__title", children: title }), detailList, _jsx(GoalCategories, { className: "mui-action-item__categories", categories: categories, maxVisible: maxVisibleCategories }), secondary && _jsx("div", { className: "mui-action-item__secondary", children: secondary })] }), controls && _jsx("div", { className: "mui-action-item__controls", children: controls }), selectable && (_jsx(Checkbox, { className: "mui-action-item__select", "aria-label": `Select ${title}`, checked: selected, onCheckedChange: onSelectedChange }))] }) }), children] }));
 }
 //# sourceMappingURL=action-item.js.map

package/dist/action-item/action-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"action-item.js","sourceRoot":"","sources":["../../src/action-item/action-item.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"action-item.js","sourceRoot":"","sources":["../../src/action-item/action-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,KAAK,EAEL,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,UAAU,GAEX,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,cAAc,EAAqB,MAAM,oBAAoB,CAAC;AACvE,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,qBAAqB,CAAC;AAC7B,OAAO,mBAAmB,CAAC;AAwH3B;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,EACT,iBAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,UAAU,GAAG,EAAE,EACf,oBAAoB,GAAG,CAAC,EACxB,IAAI,EACJ,QAAQ,GAAG,OAAO,EAClB,QAAQ,GAAG,KAAK,EAChB,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,OAAO,GAAG,IAAI,EACd,OAAO,GAAG,SAAS,EACnB,OAAO,EACP,WAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,aAAa,EACA;IAChB,MAAM,UAAU,GAAG,gBAAgB,KAAK,SAAS,CAAC;IAClD,MAAM,OAAO,GAAG,OAAO,KAAK,SAAS,CAAC;IACtC,MAAM,MAAM,GACV,YAAY,IAAI,iBAAiB,CAAC,CAAC,CAAC,CAClC,KAAC,UAAU,IACT,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAC5C,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAC3B,IAAI,EAAE,YAAY,kBACJ,SAAS,gBACX,YAAY,KAAK,EAAE,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,SAAS,CAAC,GAC5C,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;IAEX;;;;OAIG;IACH,MAAM,IAAI,GAAG,IAAI,GAAG,EAAkB,CAAC;IACvC,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QACxC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC;QACjC,OAAO,CACL,gBAAsC,SAAS,EAAC,yBAAyB,aACtE,MAAM,CAAC,IAAI,IAAI,CACd,KAAC,IAAI,IACH,MAAM,EAAE,MAAM,CAAC,IAAI,EACnB,IAAI,EAAC,IAAI,EACT,UAAU,QACV,SAAS,EAAC,8BAA8B,GACxC,CACH,EACD,eAAM,SAAS,EAAC,+BAA+B,YAAE,MAAM,CAAC,KAAK,GAAQ,KAT5D,GAAG,MAAM,CAAC,KAAK,IAAI,IAAI,EAAE,CAU7B,CACR,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,CAChC,gBACE,SAAS,EAAE,EAAE,CACX,yBAAyB,EACzB,2BAA2B,EAC3B,8BAA8B,QAAQ,CAAC,KAAK,EAAE,CAC/C,aAEA,QAAQ,CAAC,IAAI,IAAI,CAChB,KAAC,IAAI,IACH,MAAM,EAAE,QAAQ,CAAC,IAAI,EACrB,IAAI,EAAC,IAAI,EACT,UAAU,QACV,SAAS,EAAC,6DAA6D,GACvE,CACH,EACD,eAAM,SAAS,EAAC,+BAA+B,YAAE,QAAQ,CAAC,KAAK,GAAQ,IAClE,CACR,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,MAAM,UAAU,GACd,QAAQ,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CACvC,aAAG,SAAS,EAAC,0BAA0B,aACpC,cAAc,EACd,UAAU,EACV,IAAI,IAAI,CACP,KAAC,KAAK,IAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAC,uBAAuB,YACxD,IAAI,GACC,CACT,IACC,CACL,CAAC,CAAC,CAAC,IAAI,CAAC;IAEX,MAAM,MAAM,GAAG,WAAW,CAAC,WAAW,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7D,OAAO,CACL,iBACM,aAAa,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,EAAE,CACX,kBAAkB,EAClB,iBAAiB,EACjB,MAAM,CAAC,SAAS,EAChB,OAAO,IAAI,0BAA0B,EACrC,SAAS,IAAI,4BAA4B,EACzC,UAAU,IAAI,QAAQ,IAAI,2BAA2B,EACrD,SAAS,CACV,aAEA,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,oDAAoD,YAAE,OAAO,GAAO,CACpF,EACD,KAAC,IAAI,IAAC,SAAS,EAAC,8CAA8C,YAC5D,eAAK,SAAS,EAAC,sBAAsB,aAClC,MAAM,EACP,eAAK,SAAS,EAAC,uBAAuB,aACnC,OAAO,IAAI,cAAK,SAAS,EAAC,0BAA0B,YAAE,OAAO,GAAO,EACrE,KAAC,SAAS,IAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,wBAAwB,YACvD,KAAK,GACI,EACX,UAAU,EACX,KAAC,cAAc,IACb,SAAS,EAAC,6BAA6B,EACvC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,oBAAoB,GAChC,EACD,SAAS,IAAI,cAAK,SAAS,EAAC,4BAA4B,YAAE,SAAS,GAAO,IACvE,EACL,QAAQ,IAAI,cAAK,SAAS,EAAC,2BAA2B,YAAE,QAAQ,GAAO,EACvE,UAAU,IAAI,CACb,KAAC,QAAQ,IACP,SAAS,EAAC,yBAAyB,gBACvB,UAAU,KAAK,EAAE,EAC7B,OAAO,EAAE,QAAQ,EACjB,eAAe,EAAE,gBAAgB,GACjC,CACH,IACG,GACD,EACN,QAAQ,IACN,CACN,CAAC;AACJ,CAAC"}

package/dist/category-label/category-label.css

@@ -0,0 +1,75 @@
+@layer components {
+  .mui-category-label {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--semantic-space-gap-tight);
+    min-width: 0;
+    /*
+     * The surrounding text's colour and, through the inline-flex boxes that
+     * would otherwise stop it, its underline: a list makes it muted, a
+     * breadcrumb link underlines it on hover like the trail's other links.
+     */
+    color: inherit;
+    text-decoration: inherit;
+    font-size: var(--primitives-font-size-sm);
+    overflow-wrap: anywhere;
+
+    & .mui-category-label__inner,
+    & .mui-category-label__name {
+      text-decoration: inherit;
+    }
+
+    & .mui-category-label__inner {
+      display: inline-flex;
+      align-items: center;
+      gap: inherit;
+      min-width: 0;
+    }
+
+    /*
+     * `--mui-category` is the category's stored colour, set per label and
+     * falling back to the primary action colour. The mark is reinforcement,
+     * never the signal: the name beside it carries the category at the
+     * surface's own contrast, so no floor is promised for a user's colour.
+     * The ring keeps the dot from vanishing against a near-surface colour.
+     */
+    & .mui-category-label__dot {
+      flex-shrink: 0;
+      width: var(--component-category-label-dot-size-sm);
+      height: var(--component-category-label-dot-size-sm);
+      border-radius: var(--semantic-radius-pill);
+      background-color: var(--mui-category, var(--semantic-color-action-primary));
+      box-shadow: 0 0 0 1px var(--semantic-color-border-subtle);
+    }
+
+    & .mui-category-label__icon {
+      flex-shrink: 0;
+      color: var(--mui-category, var(--semantic-color-action-primary));
+    }
+  }
+
+  .mui-category-label--md {
+    font-size: var(--primitives-font-size-md);
+
+    & .mui-category-label__dot {
+      width: var(--component-category-label-dot-size-md);
+      height: var(--component-category-label-dot-size-md);
+    }
+  }
+
+  .mui-category-label--link {
+    text-decoration: none;
+    border-radius: var(--semantic-radius-interactive);
+
+    &:hover .mui-category-label__name {
+      color: var(--semantic-color-text-default);
+      text-decoration: underline;
+      text-underline-offset: 0.2em;
+    }
+
+    &:focus-visible {
+      outline: 2px solid var(--semantic-color-focus-ring);
+      outline-offset: 3px;
+    }
+  }
+}

package/dist/category-label/category-label.css.d.ts

@@ -0,0 +1,2 @@
+/* AUTOGENERATED: types for the stylesheet beside it. */
+export {};

package/dist/category-label/category-label.d.ts

@@ -0,0 +1,40 @@
+import { type IconSource, type LinkComponentProps } from '@manakind/ui-core';
+import type { ElementType } from 'react';
+import './category-label.css';
+/** What the link component receives; the props every `linkComponent` takes. */
+export type CategoryLabelLinkProps = LinkComponentProps;
+export interface CategoryLabelProps {
+    /** The category's name. Carries the meaning — the colour and glyph only reinforce it. */
+    name: string;
+    /**
+     * The category's user-chosen colour, as data rather than a token; validated
+     * by `safeColor` before it reaches a style attribute. Falls back to the
+     * primary action colour.
+     */
+    color?: string;
+    /**
+     * The category's own glyph, supplied by the product. Drawn in the category
+     * colour in place of the dot; without one the label shows the dot.
+     */
+    icon?: IconSource;
+    /** `sm` beside a card's details; `md` in a page header. Defaults to `sm`. */
+    size?: 'sm' | 'md';
+    /** Makes the label a link to the category. */
+    href?: string;
+    /** Renders the link, so a product passes its router's link. Defaults to `<a>`. */
+    linkComponent?: ElementType<CategoryLabelLinkProps>;
+    /** Extra class names on the outermost element. */
+    className?: string;
+}
+/**
+ * One Manuia category: its glyph or dot in the category colour, then its name.
+ * The one way a category is named on a card, a list row or a page header;
+ * `GoalCategories` lists several of them.
+ *
+ * @remarks
+ * The name is text on the surface it sits on, so it keeps that surface's
+ * checked contrast; the colour can be any colour a user picked, so no
+ * contrast floor is promised for the mark and none is needed.
+ */
+export declare function CategoryLabel({ name, color, icon, size, href, linkComponent: Link, className, }: CategoryLabelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=category-label.d.ts.map

package/dist/category-label/category-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"category-label.d.ts","sourceRoot":"","sources":["../../src/category-label/category-label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,UAAU,EAAE,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvF,OAAO,KAAK,EAAiB,WAAW,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,sBAAsB,CAAC;AAE9B,+EAA+E;AAC/E,MAAM,MAAM,sBAAsB,GAAG,kBAAkB,CAAC;AAExD,MAAM,WAAW,kBAAkB;IACjC,yFAAyF;IACzF,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,aAAa,CAAC,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAAC;IACpD,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,IAAW,EACX,IAAI,EACJ,aAAa,EAAE,IAAU,EACzB,SAAS,GACV,EAAE,kBAAkB,2CAkCpB"}

package/dist/category-label/category-label.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx, Icon } from '@manakind/ui-core';
+import { safeColor } from '../css-color';
+import './category-label.css';
+/**
+ * One Manuia category: its glyph or dot in the category colour, then its name.
+ * The one way a category is named on a card, a list row or a page header;
+ * `GoalCategories` lists several of them.
+ *
+ * @remarks
+ * The name is text on the surface it sits on, so it keeps that surface's
+ * checked contrast; the colour can be any colour a user picked, so no
+ * contrast floor is promised for the mark and none is needed.
+ */
+export function CategoryLabel({ name, color, icon, size = 'sm', href, linkComponent: Link = 'a', className, }) {
+    const tint = safeColor(color);
+    const style = tint ? { '--mui-category': tint } : undefined;
+    const classes = cx('mui-category-label', `mui-category-label--${size}`, href && 'mui-category-label--link', className);
+    const content = (_jsxs(_Fragment, { children: [icon ? (_jsx(Icon, { source: icon, size: size, decorative: true, className: "mui-category-label__icon" })) : (_jsx("span", { className: "mui-category-label__dot", "aria-hidden": "true" })), _jsx("span", { className: "mui-category-label__name", children: name })] }));
+    if (href) {
+        return (_jsx(Link, { href: href, className: classes, children: _jsx("span", { className: "mui-category-label__inner", style: style, children: content }) }));
+    }
+    return (_jsx("span", { className: classes, style: style, children: content }));
+}
+//# sourceMappingURL=category-label.js.map

package/dist/category-label/category-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"category-label.js","sourceRoot":"","sources":["../../src/category-label/category-label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,IAAI,EAA4C,MAAM,mBAAmB,CAAC;AAEvF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,sBAAsB,CAAC;AA6B9B;;;;;;;;;GASG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,aAAa,EAAE,IAAI,GAAG,GAAG,EACzB,SAAS,GACU;IACnB,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAE,EAAE,gBAAgB,EAAE,IAAI,EAAoB,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/E,MAAM,OAAO,GAAG,EAAE,CAChB,oBAAoB,EACpB,uBAAuB,IAAI,EAAE,EAC7B,IAAI,IAAI,0BAA0B,EAClC,SAAS,CACV,CAAC;IACF,MAAM,OAAO,GAAG,CACd,8BACG,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,IAAI,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,QAAC,SAAS,EAAC,0BAA0B,GAAG,CACnF,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,yBAAyB,iBAAa,MAAM,GAAG,CAChE,EACD,eAAM,SAAS,EAAC,0BAA0B,YAAE,IAAI,GAAQ,IACvD,CACJ,CAAC;IAEF,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,YAClC,eAAM,SAAS,EAAC,2BAA2B,EAAC,KAAK,EAAE,KAAK,YACrD,OAAO,GACH,GACF,CACR,CAAC;IACJ,CAAC;IACD,OAAO,CACL,eAAM,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,YACnC,OAAO,GACH,CACR,CAAC;AACJ,CAAC"}

package/dist/category-label/index.d.ts

@@ -0,0 +1,3 @@
+export type { CategoryLabelLinkProps, CategoryLabelProps } from './category-label';
+export { CategoryLabel } from './category-label';
+//# sourceMappingURL=index.d.ts.map

package/dist/category-label/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/category-label/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/category-label/index.js

@@ -0,0 +1,2 @@
+export { CategoryLabel } from './category-label';
+//# sourceMappingURL=index.js.map

package/dist/category-label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/category-label/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/focus-item/focus-item.d.ts

@@ -21,7 +21,7 @@ export interface FocusItemProps extends Omit<ComponentProps<'li'>, 'title' | 'ch
     kindIcon?: IconSource;
     /** Pre-formatted facts shown after the kind, such as "High priority" or "30 min". */
     details?: string[];
-    /** Categories the item belongs to, as dotted text. */
+    /** Categories the item belongs to, each a `CategoryLabel`. */
     categories?: GoalCategory[];
     /**
      * An outcome's open actions, listed under its title. Ignored for an action.

package/dist/focus-item/focus-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focus-item.d.ts","sourceRoot":"","sources":["../../src/focus-item/focus-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACvF,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,qBAAqB,CAAC;AAC7B,OAAO,kBAAkB,CAAC;AAE1B,kFAAkF;AAClF,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEjD,+CAA+C;AAC/C,MAAM,WAAW,eAAe;IAC9B,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;CACf;AAOD,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;IACtE,mFAAmF;IACnF,IAAI,EAAE,aAAa,CAAC;IACpB,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,sEAAsE;IACtE,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,wFAAwF;IACxF,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oFAAoF;IACpF,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAY,EACZ,UAAe,EACf,OAAY,EACZ,OAAO,EACP,eAAe,EACf,SAAS,EACT,WAAuB,EACvB,QAAQ,EACR,OAAO,EACP,OAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,aAAa,EACjB,EAAE,cAAc,2CAoEhB"}
+{"version":3,"file":"focus-item.d.ts","sourceRoot":"","sources":["../../src/focus-item/focus-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACvF,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,qBAAqB,CAAC;AAC7B,OAAO,kBAAkB,CAAC;AAE1B,kFAAkF;AAClF,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEjD,+CAA+C;AAC/C,MAAM,WAAW,eAAe;IAC9B,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;CACf;AAOD,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;IACtE,mFAAmF;IACnF,IAAI,EAAE,aAAa,CAAC;IACpB,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,sEAAsE;IACtE,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,wFAAwF;IACxF,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oFAAoF;IACpF,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAY,EACZ,UAAe,EACf,OAAY,EACZ,OAAO,EACP,eAAe,EACf,SAAS,EACT,WAAuB,EACvB,QAAQ,EACR,OAAO,EACP,OAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,aAAa,EACjB,EAAE,cAAc,2CAoEhB"}

package/dist/goal-card/goal-card.d.ts

@@ -1,5 +1,5 @@
-import { type IconSource } from '@manakind/ui-core';
-import type { ElementType, ReactNode } from 'react';
+import { type IconSource, type LinkComponentProps } from '@manakind/ui-core';
+import type { ElementType } from 'react';
 import { type GoalCategory } from '../goal-categories';
 import { type GoalStatus } from '../goal-status-menu';
 import './goal-card.css';
@@ -20,11 +20,8 @@ export interface GoalMilestone {
  * The props a `linkComponent` receives. A plain `'a'` and a router's link
  * (Next's `Link`) both satisfy it.
  */
-export interface GoalLinkProps {
-    href: string;
-    className?: string;
-    children?: ReactNode;
-}
+/** What the link component receives; the props every `linkComponent` takes. */
+export type GoalLinkProps = LinkComponentProps;
 export interface GoalCardProps {
     /** Goal title. Rendered as the card's heading. */
     title: string;

package/dist/goal-card/goal-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"goal-card.d.ts","sourceRoot":"","sources":["../../src/goal-card/goal-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,UAAU,EAEhB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,KAAK,UAAU,EAAkB,MAAM,qBAAqB,CAAC;AACtE,OAAO,iBAAiB,CAAC;AAEzB,uDAAuD;AACvD,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEhF,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,IAAI,EAAE,QAAQ,CAAC;IACf,yCAAyC;IACzC,MAAM,EAAE,UAAU,CAAC;IACnB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,+FAA+F;IAC/F,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,mGAAmG;IACnG,uBAAuB,CAAC,EAAE,UAAU,CAAC;IACrC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IAC3C;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B,oEAAoE;IACpE,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,+DAA+D;IAC/D,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,yGAAyG;IACzG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,mEAAmE;IACnE,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,uFAAuF;IACvF,sBAAsB,CAAC,EAAE,UAAU,CAAC;IACpC;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,EACN,UAAU,EACV,cAAc,EACd,mBAAmB,EACnB,uBAAuB,EACvB,IAAI,EACJ,aAAa,EAAE,aAAmB,EAClC,WAAW,EACX,UAAe,EACf,oBAAwB,EACxB,UAAU,EACV,UAAU,EACV,QAAQ,EACR,aAAa,EACb,sBAAuC,EACvC,UAAU,EACV,OAAc,EACd,SAAS,GACV,EAAE,aAAa,2CAyHf"}
+{"version":3,"file":"goal-card.d.ts","sourceRoot":"","sources":["../../src/goal-card/goal-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,UAAU,EACf,KAAK,kBAAkB,EAExB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,KAAK,UAAU,EAAkB,MAAM,qBAAqB,CAAC;AACtE,OAAO,iBAAiB,CAAC;AAEzB,uDAAuD;AACvD,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEhF,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;GAGG;AACH,+EAA+E;AAC/E,MAAM,MAAM,aAAa,GAAG,kBAAkB,CAAC;AAE/C,MAAM,WAAW,aAAa;IAC5B,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,IAAI,EAAE,QAAQ,CAAC;IACf,yCAAyC;IACzC,MAAM,EAAE,UAAU,CAAC;IACnB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,+FAA+F;IAC/F,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,mGAAmG;IACnG,uBAAuB,CAAC,EAAE,UAAU,CAAC;IACrC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IAC3C;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B,oEAAoE;IACpE,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,+DAA+D;IAC/D,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,yGAAyG;IACzG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,mEAAmE;IACnE,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,uFAAuF;IACvF,sBAAsB,CAAC,EAAE,UAAU,CAAC;IACpC;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,EACN,UAAU,EACV,cAAc,EACd,mBAAmB,EACnB,uBAAuB,EACvB,IAAI,EACJ,aAAa,EAAE,aAAmB,EAClC,WAAW,EACX,UAAe,EACf,oBAAwB,EACxB,UAAU,EACV,UAAU,EACV,QAAQ,EACR,aAAa,EACb,sBAAuC,EACvC,UAAU,EACV,OAAc,EACd,SAAS,GACV,EAAE,aAAa,2CAyHf"}

package/dist/goal-card/goal-card.js.map

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

package/dist/goal-categories/goal-categories.css

@@ -17,31 +17,6 @@
       font-size: var(--primitives-font-size-sm);
     }
 
-    /*
-     * `--mui-goal-category` is set per item from the category's stored
-     * colour, falling back to the primary action colour for a category that
-     * has none yet.
-     *
-     * The dot is deliberately NOT load-bearing. A category colour is user
-     * data — any colour at all, including one that matches the card surface —
-     * so no contrast floor can be promised for it, and promising one would be
-     * a claim this component cannot keep. The name sits beside it as text on
-     * the card surface at that surface's own checked contrast, which is what
-     * actually carries the category.
-     *
-     * The ring exists so the dot does not vanish entirely against a
-     * near-surface colour. It is a visibility floor for a decoration, not a
-     * contrast guarantee.
-     */
-    & .mui-goal-categories__dot {
-      flex-shrink: 0;
-      width: var(--component-goal-categories-dot-size);
-      height: var(--component-goal-categories-dot-size);
-      border-radius: var(--semantic-radius-pill);
-      background-color: var(--mui-goal-category, var(--semantic-color-action-primary));
-      box-shadow: 0 0 0 1px var(--semantic-color-border-subtle);
-    }
-
     /*
      * No colour override: the overflow item is the same muted text as the
      * rest, and its lack of a dot already sets it apart. It keeps a class so

package/dist/goal-categories/goal-categories.d.ts

@@ -1,3 +1,4 @@
+import { type IconSource } from '@manakind/ui-core';
 import './goal-categories.css';
 export interface GoalCategory {
     /** Stable identifier. */
@@ -20,6 +21,8 @@ export interface GoalCategory {
      * action colour.
      */
     color?: string;
+    /** The category's own glyph, drawn in its colour in place of the dot. */
+    icon?: IconSource;
 }
 export interface GoalCategoriesProps {
     /** Categories to show. Renders nothing when empty. */
@@ -35,7 +38,8 @@ export interface GoalCategoriesProps {
     className?: string;
 }
 /**
- * The categories a Manuia goal belongs to, as dotted text.
+ * The categories a Manuia goal, action or outcome belongs to, each a
+ * `CategoryLabel`.
  *
  * A Manuia-specific composition: "a goal belongs to N categories, each with a
  * user-chosen colour, collapsing after N visible" is a product concept and

package/dist/goal-categories/goal-categories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"goal-categories.d.ts","sourceRoot":"","sources":["../../src/goal-categories/goal-categories.tsx"],"names":[],"mappings":"AAGA,OAAO,uBAAuB,CAAC;AAE/B,MAAM,WAAW,YAAY;IAC3B,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb;;;;;;;;;;;;;;OAcG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,sDAAsD;IACtD,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,mBAAmB,kDA0CxF"}
+{"version":3,"file":"goal-categories.d.ts","sourceRoot":"","sources":["../../src/goal-categories/goal-categories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAExD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,WAAW,YAAY;IAC3B,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb;;;;;;;;;;;;;;OAcG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,sDAAsD;IACtD,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,mBAAmB,kDAkCxF"}

package/dist/goal-categories/goal-categories.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cx } from '@manakind/ui-core';
-import { safeColor } from '../css-color';
+import { CategoryLabel } from '../category-label';
 import './goal-categories.css';
 /**
- * The categories a Manuia goal belongs to, as dotted text.
+ * The categories a Manuia goal, action or outcome belongs to, each a
+ * `CategoryLabel`.
  *
  * A Manuia-specific composition: "a goal belongs to N categories, each with a
  * user-chosen colour, collapsing after N visible" is a product concept and
@@ -38,9 +39,6 @@ export function GoalCategories({ categories, maxVisible, className }) {
         : undefined;
     const visible = limit === undefined ? categories : categories.slice(0, limit);
     const remaining = limit === undefined ? 0 : Math.max(categories.length - limit, 0);
-    return (_jsxs("ul", { className: cx('mui-goal-categories', className), children: [visible.map((category) => {
-                const dot = safeColor(category.color);
-                return (_jsxs("li", { className: "mui-goal-categories__item", style: dot ? { '--mui-goal-category': dot } : undefined, children: [_jsx("span", { className: "mui-goal-categories__dot", "aria-hidden": "true" }), category.name] }, category.id));
-            }), remaining > 0 && (_jsxs("li", { className: "mui-goal-categories__item mui-goal-categories__item--overflow", children: ["+", remaining, " more"] }))] }));
+    return (_jsxs("ul", { className: cx('mui-goal-categories', className), children: [visible.map((category) => (_jsx("li", { className: "mui-goal-categories__item", children: _jsx(CategoryLabel, { name: category.name, color: category.color, icon: category.icon }) }, category.id))), remaining > 0 && (_jsxs("li", { className: "mui-goal-categories__item mui-goal-categories__item--overflow", children: ["+", remaining, " more"] }))] }));
 }
 //# sourceMappingURL=goal-categories.js.map

package/dist/goal-categories/goal-categories.js.map

@@ -1 +1 @@
-{"version":3,"file":"goal-categories.js","sourceRoot":"","sources":["../../src/goal-categories/goal-categories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,uBAAuB,CAAC;AAuC/B;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAuB;IACvF,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEzC,uEAAuE;IACvE,4EAA4E;IAC5E,sEAAsE;IACtE,yEAAyE;IACzE,6EAA6E;IAC7E,wEAAwE;IACxE,sEAAsE;IACtE,wEAAwE;IACxE,4EAA4E;IAC5E,4EAA4E;IAC5E,OAAO;IACP,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC;QACvC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,UAAoB,CAAC,EAAE,CAAC,CAAC;QAC/C,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,OAAO,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IAC9E,MAAM,SAAS,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC;IAEnF,OAAO,CACL,cAAI,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aAChD,OAAO,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACxB,MAAM,GAAG,GAAG,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBACtC,OAAO,CACL,cAEE,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAE,EAAE,qBAAqB,EAAE,GAAG,EAAoB,CAAC,CAAC,CAAC,SAAS,aAE1E,eAAM,SAAS,EAAC,0BAA0B,iBAAa,MAAM,GAAG,EAC/D,QAAQ,CAAC,IAAI,KALT,QAAQ,CAAC,EAAE,CAMb,CACN,CAAC;YACJ,CAAC,CAAC,EACD,SAAS,GAAG,CAAC,IAAI,CAChB,cAAI,SAAS,EAAC,+DAA+D,kBACzE,SAAS,aACR,CACN,IACE,CACN,CAAC;AACJ,CAAC"}
+{"version":3,"file":"goal-categories.js","sourceRoot":"","sources":["../../src/goal-categories/goal-categories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAmB,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,uBAAuB,CAAC;AAyC/B;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAuB;IACvF,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEzC,uEAAuE;IACvE,4EAA4E;IAC5E,sEAAsE;IACtE,yEAAyE;IACzE,6EAA6E;IAC7E,wEAAwE;IACxE,sEAAsE;IACtE,wEAAwE;IACxE,4EAA4E;IAC5E,4EAA4E;IAC5E,OAAO;IACP,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC;QACvC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,UAAoB,CAAC,EAAE,CAAC,CAAC;QAC/C,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,OAAO,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IAC9E,MAAM,SAAS,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC;IAEnF,OAAO,CACL,cAAI,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aAChD,OAAO,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACzB,aAAsB,SAAS,EAAC,2BAA2B,YACzD,KAAC,aAAa,IAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,GAAI,IAD3E,QAAQ,CAAC,EAAE,CAEf,CACN,CAAC,EACD,SAAS,GAAG,CAAC,IAAI,CAChB,cAAI,SAAS,EAAC,+DAA+D,kBACzE,SAAS,aACR,CACN,IACE,CACN,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -12,6 +12,7 @@ export * from '@manakind/ui-core';
 export * from './action-item';
 export * from './action-list';
 export * from './category-card';
+export * from './category-label';
 export * from './focus-item';
 export * from './focus-list';
 export * from './goal-card';
@@ -20,5 +21,6 @@ export * from './goal-list';
 export * from './goal-list-item';
 export * from './goal-status-menu';
 export * from './goal-tab-trigger';
+export * from './milestone-timeline';
 export * from './outcome-item';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC"}

package/dist/index.js

@@ -12,6 +12,7 @@ export * from '@manakind/ui-core';
 export * from './action-item';
 export * from './action-list';
 export * from './category-card';
+export * from './category-label';
 export * from './focus-item';
 export * from './focus-list';
 export * from './goal-card';
@@ -20,5 +21,6 @@ export * from './goal-list';
 export * from './goal-list-item';
 export * from './goal-status-menu';
 export * from './goal-tab-trigger';
+export * from './milestone-timeline';
 export * from './outcome-item';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC"}

package/dist/item-accent.css

@@ -0,0 +1,33 @@
+@layer components {
+  /*
+   * A list row's category colour as a bar along the card's leading edge, for
+   * scanning a long mixed list. `--mui-item-accent` is set on the row from
+   * the product's colour, validated like a category's.
+   *
+   * The bar spans only the straight part of the edge: inset by the card's
+   * radius at both ends, so it never bends round a corner the way a
+   * `border-inline-start` does. It starts on the card's 1px border so it reads
+   * as the edge itself, and takes no pointer events. A compact row has no
+   * inline padding to cover, so it takes the bar's width and a gap as padding.
+   */
+  .mui-item-accent > .mui-leading-slot__card {
+    position: relative;
+
+    &::before {
+      content: "";
+      position: absolute;
+      inset-block: var(--ds-card-radius);
+      inset-inline-start: -1px;
+      width: var(--component-category-label-accent-width);
+      background-color: var(--mui-item-accent);
+      pointer-events: none;
+    }
+  }
+
+  .mui-item-accent.mui-action-item--compact > .mui-leading-slot__card {
+    padding-inline-start: calc(
+      var(--component-category-label-accent-width) +
+      var(--semantic-space-gap-tight)
+    );
+  }
+}

package/dist/item-accent.css.d.ts

@@ -0,0 +1,2 @@
+/* AUTOGENERATED: types for the stylesheet beside it. */
+export {};

package/dist/item-accent.d.ts

@@ -0,0 +1,13 @@
+import type { CSSProperties } from 'react';
+/**
+ * A list row's accent: its class and its style with the colour added,
+ * decided by one validation so the two never disagree (a class without the
+ * colour would paint a transparent bar). Keeps whatever style the product
+ * passed, such as a sortable list's transform. An invalid colour leaves the
+ * row as it was.
+ */
+export declare function accentProps(color: string | undefined, style: CSSProperties | undefined): {
+    className?: string;
+    style?: CSSProperties;
+};
+//# sourceMappingURL=item-accent.d.ts.map

package/dist/item-accent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-accent.d.ts","sourceRoot":"","sources":["../src/item-accent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C;;;;;;GAMG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,KAAK,EAAE,aAAa,GAAG,SAAS,GAC/B;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,CAO/C"}

package/dist/item-accent.js

@@ -0,0 +1,18 @@
+import { safeColor } from './css-color';
+/**
+ * A list row's accent: its class and its style with the colour added,
+ * decided by one validation so the two never disagree (a class without the
+ * colour would paint a transparent bar). Keeps whatever style the product
+ * passed, such as a sortable list's transform. An invalid colour leaves the
+ * row as it was.
+ */
+export function accentProps(color, style) {
+    const accent = safeColor(color);
+    if (!accent)
+        return { style };
+    return {
+        className: 'mui-item-accent',
+        style: { ...style, '--mui-item-accent': accent },
+    };
+}
+//# sourceMappingURL=item-accent.js.map

package/dist/item-accent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-accent.js","sourceRoot":"","sources":["../src/item-accent.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CACzB,KAAyB,EACzB,KAAgC;IAEhC,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAChC,IAAI,CAAC,MAAM;QAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IAC9B,OAAO;QACL,SAAS,EAAE,iBAAiB;QAC5B,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,mBAAmB,EAAE,MAAM,EAAmB;KAClE,CAAC;AACJ,CAAC"}

package/dist/milestone-timeline/index.d.ts

@@ -0,0 +1,3 @@
+export type { MilestoneTimelineEnd, MilestoneTimelineItem, MilestoneTimelineProps, MilestoneTimelineStart, } from './milestone-timeline';
+export { MilestoneTimeline } from './milestone-timeline';
+//# sourceMappingURL=index.d.ts.map

package/dist/milestone-timeline/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/milestone-timeline/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/milestone-timeline/index.js

@@ -0,0 +1,2 @@
+export { MilestoneTimeline } from './milestone-timeline';
+//# sourceMappingURL=index.js.map

package/dist/milestone-timeline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/milestone-timeline/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/milestone-timeline/milestone-timeline.css

@@ -0,0 +1,187 @@
+@layer components {
+  .mui-milestone-timeline {
+    display: grid;
+    gap: var(--semantic-space-gap);
+    min-width: 0;
+    overflow-wrap: anywhere;
+  }
+
+  /* Toggle, title and count share a line while they fit; the count wraps under them when they don't. */
+  .mui-milestone-timeline__header {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--semantic-space-gap-tight);
+    min-width: 0;
+  }
+
+  .mui-milestone-timeline__title {
+    margin: 0;
+  }
+
+  .mui-milestone-timeline__summary {
+    margin-inline-start: auto;
+    color: var(--semantic-color-text-muted);
+    font-size: var(--primitives-font-size-sm);
+  }
+
+  /*
+   * The line: one column for the points, drawn down its centre behind them,
+   * and the text beside. It runs from the first point's centre to the last
+   * one's, so it never sticks out past the start or the end.
+   */
+  .mui-milestone-timeline__list {
+    --_marker: var(--component-milestone-timeline-marker-size);
+    position: relative;
+    display: grid;
+    gap: var(--component-milestone-timeline-row-gap);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+
+    &::before {
+      content: "";
+      position: absolute;
+      inset-block: calc(var(--_marker) / 2);
+      inset-inline-start: calc(
+        var(--_marker) /
+        2 -
+        var(--component-milestone-timeline-line-width) /
+        2
+      );
+      width: var(--component-milestone-timeline-line-width);
+      background-color: var(--component-milestone-timeline-line);
+    }
+
+    &[hidden] {
+      display: none;
+    }
+  }
+
+  .mui-milestone-timeline__point {
+    position: relative;
+    display: grid;
+    grid-template-columns: var(--_marker) minmax(0, 1fr) auto;
+    align-items: start;
+    column-gap: var(--semantic-space-gap);
+    min-width: 0;
+  }
+
+  .mui-milestone-timeline__marker {
+    box-sizing: border-box;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--_marker);
+    height: var(--_marker);
+    border: var(--component-milestone-timeline-line-width) solid
+      var(--component-milestone-timeline-marker-border);
+    border-radius: var(--semantic-radius-pill);
+    background-color: var(--component-milestone-timeline-marker-bg);
+  }
+
+  /* The start and end are smaller, solid ends of the line, not milestones. */
+  .mui-milestone-timeline__point--start .mui-milestone-timeline__marker,
+  .mui-milestone-timeline__point--end .mui-milestone-timeline__marker {
+    width: calc(var(--_marker) / 2);
+    height: calc(var(--_marker) / 2);
+    margin: calc(var(--_marker) / 4);
+    border: 0;
+    background-color: var(--component-milestone-timeline-marker-border);
+  }
+
+  .mui-milestone-timeline__point--completed .mui-milestone-timeline__marker {
+    border-color: var(--component-milestone-timeline-completed-bg);
+    background-color: var(--component-milestone-timeline-completed-bg);
+    color: var(--component-milestone-timeline-completed-glyph);
+  }
+
+  .mui-milestone-timeline__point--placeholder .mui-milestone-timeline__marker {
+    border-style: dashed;
+  }
+
+  .mui-milestone-timeline__text {
+    display: grid;
+    gap: var(--semantic-space-gap-tight);
+    min-width: 0;
+    /* Lines the first line of text up with the point's centre. */
+    min-height: var(--_marker);
+    align-content: start;
+    overflow-wrap: anywhere;
+  }
+
+  .mui-milestone-timeline__name,
+  .mui-milestone-timeline__end-label {
+    color: var(--semantic-color-text-default);
+    font-size: var(--primitives-font-size-md);
+    line-height: var(--_marker);
+  }
+
+  .mui-milestone-timeline__end-label {
+    color: var(--semantic-color-text-muted);
+  }
+
+  .mui-milestone-timeline__point--completed .mui-milestone-timeline__name {
+    color: var(--semantic-color-text-muted);
+    text-decoration: line-through;
+  }
+
+  .mui-milestone-timeline__date {
+    color: var(--semantic-color-text-muted);
+    font-size: var(--primitives-font-size-sm);
+  }
+
+  .mui-milestone-timeline__point--overdue {
+    & .mui-milestone-timeline__marker {
+      border-color: var(--component-milestone-timeline-overdue);
+    }
+
+    & .mui-milestone-timeline__date {
+      color: var(--component-milestone-timeline-overdue-text);
+    }
+  }
+
+  /*
+   * The controls and the add control sit in a box the point's height, centred
+   * in it: whatever size the product's buttons are, they overflow it evenly
+   * and so stay centred on the point.
+   */
+  .mui-milestone-timeline__controls {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--semantic-space-gap-tight);
+    height: var(--_marker);
+  }
+
+  /*
+   * The add control sits on the line in the points' column, its button
+   * centred on the line however large the product makes it.
+   */
+  .mui-milestone-timeline__point--add {
+    grid-template-columns: var(--_marker) minmax(0, 1fr);
+  }
+
+  .mui-milestone-timeline__add {
+    grid-column: 1;
+    justify-self: center;
+    display: inline-flex;
+    align-items: center;
+    height: var(--_marker);
+    position: relative;
+    z-index: 1;
+  }
+
+  .mui-milestone-timeline__add-label {
+    color: var(--semantic-color-text-muted);
+    font-size: var(--primitives-font-size-md);
+    line-height: var(--_marker);
+  }
+
+  .mui-milestone-timeline__placeholder-text {
+    align-self: center;
+    width: 40%;
+    height: var(--component-milestone-timeline-placeholder-height);
+    border-radius: var(--semantic-radius-pill);
+    background-color: var(--semantic-color-surface-muted);
+  }
+}

package/dist/milestone-timeline/milestone-timeline.css.d.ts

@@ -0,0 +1,2 @@
+/* AUTOGENERATED: types for the stylesheet beside it. */
+export {};

package/dist/milestone-timeline/milestone-timeline.d.ts

@@ -0,0 +1,100 @@
+import { type IconSource } from '@manakind/ui-core';
+import { type ReactNode } from 'react';
+import './milestone-timeline.css';
+/** One milestone on the line. */
+export interface MilestoneTimelineItem {
+    /** Stable key. */
+    id: string;
+    /** What the milestone is. */
+    name: string;
+    /** Pre-formatted due date, such as "15.11.2026". */
+    date: string;
+    /** Done: the point is filled with `completedIcon` and the name reads as done. */
+    completed: boolean;
+    /** Past its date and not done: the point and the date take the warning tone. */
+    overdue?: boolean;
+    /**
+     * The product's controls for this milestone, at the end of its row: a
+     * completion toggle, edit, delete. Rendered as given.
+     */
+    controls?: ReactNode;
+}
+/** The line's first point: where the work starts. */
+export interface MilestoneTimelineStart {
+    /** Such as "Start". */
+    label: string;
+    /** Pre-formatted date the work started, when it has one. */
+    date?: string;
+}
+/** The line's last point: what the work ends in. */
+export interface MilestoneTimelineEnd {
+    /** Such as "Done". */
+    label: string;
+}
+export interface MilestoneTimelineProps {
+    /** The section's heading. Defaults to "Milestones". */
+    title?: string;
+    /** Heading level for the title; match the surrounding outline. Defaults to `h2`. */
+    titleAs?: 'h2' | 'h3' | 'h4';
+    /** The line's first point. */
+    start: MilestoneTimelineStart;
+    /** The line's last point. */
+    end: MilestoneTimelineEnd;
+    /** The milestones, in date order. */
+    milestones: MilestoneTimelineItem[];
+    /**
+     * The product's control that adds a milestone, drawn as a point on the line
+     * after the last milestone: a "+" `IconButton`, say, that opens its form.
+     * Leave it out where milestones cannot be added (at a limit).
+     */
+    addControl?: ReactNode;
+    /**
+     * Text beside the add control, saying what it adds: "Add milestone". It is
+     * the control's visible caption, hidden from assistive technology, so the
+     * control's accessible name must contain it (a speech user says what they
+     * see).
+     */
+    addLabel?: string;
+    /**
+     * How many dashed placeholder points stand on the line while there are no
+     * milestones, showing where they go. Defaults to 2; 0 shows none; at most
+     * `MAX_PLACEHOLDERS`.
+     */
+    placeholders?: number;
+    /** Glyph in a completed milestone's point, supplied by the product. */
+    completedIcon?: IconSource;
+    /** Whether the line is shown. Pass with `onExpandedChange` to control it; omit to let the section hold it. */
+    expanded?: boolean;
+    /** Whether the line starts shown, when the section holds the state. Defaults to `true`. */
+    defaultExpanded?: boolean;
+    /** Called with the new state when the toggle is pressed. */
+    onExpandedChange?: (expanded: boolean) => void;
+    /** Glyph on the toggle while the line is hidden. */
+    collapsedIcon: IconSource;
+    /** Glyph on the toggle while the line is shown. Falls back to `collapsedIcon`. */
+    expandedIcon?: IconSource;
+    /** Extra class names on the `<section>`. */
+    className?: string;
+}
+/** The most placeholder points the line shows: enough to teach, not a list. */
+export declare const MAX_PLACEHOLDERS = 5;
+/**
+ * A project's milestones as a vertical line from its start to its end, each
+ * milestone a point with its name, date and controls beside it, so every
+ * milestone reads without hovering. The product's add control stands on the
+ * line as a point of its own; with no milestones, dashed placeholder points
+ * show where they will go.
+ *
+ * The whole line folds away behind a toggle in the header, named after the
+ * section's title and saying whether it is open with `aria-expanded`, as
+ * OutcomeItem's toggle does, with a count of how many are done beside the
+ * title so a folded line still says where the project stands. The list stays
+ * mounted while hidden.
+ *
+ * @remarks
+ * The line is an ordered list: a screen reader hears the start, each
+ * milestone with its date and whether it is done, and the end, in order.
+ * The placeholder points are decoration and are hidden from it.
+ */
+export declare function MilestoneTimeline({ title, titleAs, start, end, milestones, addControl, addLabel, placeholders, completedIcon, expanded: expandedProp, defaultExpanded, onExpandedChange, collapsedIcon, expandedIcon, className, }: MilestoneTimelineProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=milestone-timeline.d.ts.map

package/dist/milestone-timeline/milestone-timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"milestone-timeline.d.ts","sourceRoot":"","sources":["../../src/milestone-timeline/milestone-timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmC,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACrF,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AACxD,OAAO,0BAA0B,CAAC;AAElC,iCAAiC;AACjC,MAAM,WAAW,qBAAqB;IACpC,kBAAkB;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,IAAI,EAAE,MAAM,CAAC;IACb,iFAAiF;IACjF,SAAS,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,qDAAqD;AACrD,MAAM,WAAW,sBAAsB;IACrC,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,oDAAoD;AACpD,MAAM,WAAW,oBAAoB;IACnC,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B,8BAA8B;IAC9B,KAAK,EAAE,sBAAsB,CAAC;IAC9B,6BAA6B;IAC7B,GAAG,EAAE,oBAAoB,CAAC;IAC1B,qCAAqC;IACrC,UAAU,EAAE,qBAAqB,EAAE,CAAC;IACpC;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uEAAuE;IACvE,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2FAA2F;IAC3F,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,oDAAoD;IACpD,aAAa,EAAE,UAAU,CAAC;IAC1B,kFAAkF;IAClF,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,+EAA+E;AAC/E,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAElC;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAoB,EACpB,OAAc,EACd,KAAK,EACL,GAAG,EACH,UAAU,EACV,UAAU,EACV,QAAQ,EACR,YAAgB,EAChB,aAAa,EACb,QAAQ,EAAE,YAAY,EACtB,eAAsB,EACtB,gBAAgB,EAChB,aAAa,EACb,YAA4B,EAC5B,SAAS,GACV,EAAE,sBAAsB,2CAsGxB"}

package/dist/milestone-timeline/milestone-timeline.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CardTitle, cx, Icon, IconButton } from '@manakind/ui-core';
+import { useId, useState } from 'react';
+import './milestone-timeline.css';
+/** The most placeholder points the line shows: enough to teach, not a list. */
+export const MAX_PLACEHOLDERS = 5;
+/**
+ * A project's milestones as a vertical line from its start to its end, each
+ * milestone a point with its name, date and controls beside it, so every
+ * milestone reads without hovering. The product's add control stands on the
+ * line as a point of its own; with no milestones, dashed placeholder points
+ * show where they will go.
+ *
+ * The whole line folds away behind a toggle in the header, named after the
+ * section's title and saying whether it is open with `aria-expanded`, as
+ * OutcomeItem's toggle does, with a count of how many are done beside the
+ * title so a folded line still says where the project stands. The list stays
+ * mounted while hidden.
+ *
+ * @remarks
+ * The line is an ordered list: a screen reader hears the start, each
+ * milestone with its date and whether it is done, and the end, in order.
+ * The placeholder points are decoration and are hidden from it.
+ */
+export function MilestoneTimeline({ title = 'Milestones', titleAs = 'h2', start, end, milestones, addControl, addLabel, placeholders = 2, completedIcon, expanded: expandedProp, defaultExpanded = true, onExpandedChange, collapsedIcon, expandedIcon = collapsedIcon, className, }) {
+    const listId = useId();
+    const [ownExpanded, setOwnExpanded] = useState(defaultExpanded);
+    const expanded = expandedProp ?? ownExpanded;
+    const toggle = () => {
+        setOwnExpanded(!expanded);
+        onExpandedChange?.(!expanded);
+    };
+    const done = milestones.filter((milestone) => milestone.completed).length;
+    const summary = milestones.length > 0 ? `${done} of ${milestones.length} done` : 'None yet';
+    const placeholderCount = milestones.length === 0 && Number.isFinite(placeholders)
+        ? Math.min(Math.max(Math.trunc(placeholders), 0), MAX_PLACEHOLDERS)
+        : 0;
+    const endPoint = (point, edge) => (_jsxs("li", { className: cx('mui-milestone-timeline__point', `mui-milestone-timeline__point--${edge}`), children: [_jsx("span", { className: "mui-milestone-timeline__marker", "aria-hidden": "true" }), _jsxs("span", { className: "mui-milestone-timeline__text", children: [_jsx("span", { className: "mui-milestone-timeline__end-label", children: point.label }), point.date && _jsx("span", { className: "mui-milestone-timeline__date", children: point.date })] })] }));
+    const milestonePoint = (milestone) => {
+        const overdue = milestone.overdue === true && !milestone.completed;
+        return (_jsxs("li", { className: cx('mui-milestone-timeline__point', 'mui-milestone-timeline__point--milestone', milestone.completed && 'mui-milestone-timeline__point--completed', overdue && 'mui-milestone-timeline__point--overdue'), children: [_jsx("span", { className: "mui-milestone-timeline__marker", "aria-hidden": "true", children: milestone.completed && completedIcon && (_jsx(Icon, { source: completedIcon, size: "sm", decorative: true })) }), _jsxs("span", { className: "mui-milestone-timeline__text", children: [_jsx("span", { className: "mui-milestone-timeline__name", children: milestone.name }), _jsxs("span", { className: "mui-milestone-timeline__date", children: [milestone.date, milestone.completed && _jsx("span", { className: "mui-milestone-timeline__status", children: " \u00B7 Done" }), overdue && _jsx("span", { className: "mui-milestone-timeline__status", children: " \u00B7 Overdue" })] })] }), milestone.controls && (_jsx("span", { className: "mui-milestone-timeline__controls", children: milestone.controls }))] }, milestone.id));
+    };
+    return (_jsxs("section", { className: cx('mui-milestone-timeline', className), children: [_jsxs("div", { className: "mui-milestone-timeline__header", children: [_jsx(IconButton, { variant: "tertiary", size: "sm", icon: expanded ? expandedIcon : collapsedIcon, "aria-expanded": expanded, "aria-controls": listId, "aria-label": title, onClick: toggle }), _jsx(CardTitle, { as: titleAs, className: "mui-milestone-timeline__title", children: title }), _jsx("span", { className: "mui-milestone-timeline__summary", children: summary })] }), _jsxs("ol", { id: listId, className: "mui-milestone-timeline__list", hidden: !expanded, children: [endPoint(start, 'start'), milestones.map(milestonePoint), addControl && (_jsxs("li", { className: "mui-milestone-timeline__point mui-milestone-timeline__point--add", children: [_jsx("span", { className: "mui-milestone-timeline__add", children: addControl }), addLabel && (_jsx("span", { className: "mui-milestone-timeline__add-label", "aria-hidden": "true", children: addLabel }))] })), Array.from({ length: placeholderCount }, (_, index) => (_jsxs("li", { "aria-hidden": "true", className: "mui-milestone-timeline__point mui-milestone-timeline__point--placeholder", children: [_jsx("span", { className: "mui-milestone-timeline__marker" }), _jsx("span", { className: "mui-milestone-timeline__placeholder-text" })] }, index))), endPoint(end, 'end')] })] }));
+}
+//# sourceMappingURL=milestone-timeline.js.map

package/dist/milestone-timeline/milestone-timeline.js.map

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

package/dist/outcome-item/outcome-item.css

@@ -115,6 +115,13 @@
         display: contents;
       }
 
+      /* The breadcrumb keeps its own line above the toggle and title, under the title's column. */
+      & .mui-outcome-item__eyebrow {
+        order: -1;
+        flex: 0 0 calc(100% - var(--mui-outcome-item-indent));
+        margin-inline-start: var(--mui-outcome-item-indent);
+      }
+
       & .mui-outcome-item__title {
         flex: 1 1 0;
         min-width: 0;

package/dist/outcome-item/outcome-item.d.ts

@@ -2,6 +2,7 @@ import { type IconSource } from '@manakind/ui-core';
 import { type ComponentProps, type ReactNode } from 'react';
 import type { ActionItemDetail } from '../action-item';
 import { type GoalCategory } from '../goal-categories';
+import '../item-accent.css';
 import '../leading-slot.css';
 import './outcome-item.css';
 export interface OutcomeItemProps extends Omit<ComponentProps<'li'>, 'title' | 'children' | 'className'> {
@@ -11,7 +12,7 @@ export interface OutcomeItemProps extends Omit<ComponentProps<'li'>, 'title' | '
     kindIcon?: IconSource;
     /** Facts shown after the "Outcome" label, each with an optional glyph: its project, how many actions are open. */
     details?: ActionItemDetail[];
-    /** Categories the outcome belongs to, as dotted text. */
+    /** Categories the outcome belongs to, each a `CategoryLabel`. */
     categories?: GoalCategory[];
     /** How many categories to show before collapsing into `+N more`. Defaults to 2, as on `ActionItem`. */
     maxVisibleCategories?: number;
@@ -44,6 +45,17 @@ export interface OutcomeItemProps extends Omit<ComponentProps<'li'>, 'title' | '
     leading?: ReactNode;
     /** Heading level for the title. Defaults to `h3`; give the actions inside the next level down. */
     titleAs?: 'h2' | 'h3' | 'h4';
+    /**
+     * Where the item lives, above its title: a `Breadcrumb` of its category,
+     * project or outcome, say. Rendered as given.
+     */
+    eyebrow?: ReactNode;
+    /**
+     * The item's category colour as a straight bar along the card's leading
+     * edge, for scanning a long mixed list. Data, not a token: validated by
+     * `safeColor` and ignored when not a colour. Leave it off a lone item.
+     */
+    accentColor?: string;
     /** Extra class names on the `<li>`. */
     className?: string;
     /**
@@ -73,5 +85,5 @@ export interface OutcomeItemProps extends Omit<ComponentProps<'li'>, 'title' | '
  * and a message passed as children stays under the card. Attributes other than the props land on the `<li>`: a sortable
  * list passes its drag library's ref and transform style there.
  */
-export declare function OutcomeItem({ title, kindIcon, details, categories, maxVisibleCategories, actions, expanded: expandedProp, defaultExpanded, onExpandedChange, collapsedIcon, expandedIcon, controls, leading, titleAs, className, children, ...listItemProps }: OutcomeItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function OutcomeItem({ title, kindIcon, details, categories, maxVisibleCategories, actions, expanded: expandedProp, defaultExpanded, onExpandedChange, collapsedIcon, expandedIcon, controls, leading, titleAs, eyebrow, accentColor, className, children, ...listItemProps }: OutcomeItemProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=outcome-item.d.ts.map

package/dist/outcome-item/outcome-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"outcome-item.d.ts","sourceRoot":"","sources":["../../src/outcome-item/outcome-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC3F,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;IACtE,8FAA8F;IAC9F,KAAK,EAAE,MAAM,CAAC;IACd,kGAAkG;IAClG,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,kHAAkH;IAClH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,yDAAyD;IACzD,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B,uGAAuG;IACvG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uFAAuF;IACvF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,oFAAoF;IACpF,aAAa,EAAE,UAAU,CAAC;IAC1B,kFAAkF;IAClF,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,kGAAkG;IAClG,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,OAAY,EACZ,UAAe,EACf,oBAAwB,EACxB,OAAO,EACP,QAAQ,EAAE,YAAY,EACtB,eAAsB,EACtB,gBAAgB,EAChB,aAAa,EACb,YAA4B,EAC5B,QAAQ,EACR,OAAO,EACP,OAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,aAAa,EACjB,EAAE,gBAAgB,2CA8ElB"}
+{"version":3,"file":"outcome-item.d.ts","sourceRoot":"","sources":["../../src/outcome-item/outcome-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC3F,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,oBAAoB,CAAC;AAE5B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;IACtE,8FAA8F;IAC9F,KAAK,EAAE,MAAM,CAAC;IACd,kGAAkG;IAClG,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,kHAAkH;IAClH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,iEAAiE;IACjE,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B,uGAAuG;IACvG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uFAAuF;IACvF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,oFAAoF;IACpF,aAAa,EAAE,UAAU,CAAC;IAC1B,kFAAkF;IAClF,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,kGAAkG;IAClG,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,OAAY,EACZ,UAAe,EACf,oBAAwB,EACxB,OAAO,EACP,QAAQ,EAAE,YAAY,EACtB,eAAsB,EACtB,gBAAgB,EAChB,aAAa,EACb,YAA4B,EAC5B,QAAQ,EACR,OAAO,EACP,OAAc,EACd,OAAO,EACP,WAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,aAAa,EACjB,EAAE,gBAAgB,2CAoFlB"}

package/dist/outcome-item/outcome-item.js

@@ -2,6 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card, CardTitle, cx, Icon, IconButton } from '@manakind/ui-core';
 import { useId, useState } from 'react';
 import { GoalCategories } from '../goal-categories';
+import '../item-accent.css';
+import { accentProps } from '../item-accent';
 import '../leading-slot.css';
 import './outcome-item.css';
 /**
@@ -25,7 +27,7 @@ import './outcome-item.css';
  * and a message passed as children stays under the card. Attributes other than the props land on the `<li>`: a sortable
  * list passes its drag library's ref and transform style there.
  */
-export function OutcomeItem({ title, kindIcon, details = [], categories = [], maxVisibleCategories = 2, actions, expanded: expandedProp, defaultExpanded = true, onExpandedChange, collapsedIcon, expandedIcon = collapsedIcon, controls, leading, titleAs = 'h3', className, children, ...listItemProps }) {
+export function OutcomeItem({ title, kindIcon, details = [], categories = [], maxVisibleCategories = 2, actions, expanded: expandedProp, defaultExpanded = true, onExpandedChange, collapsedIcon, expandedIcon = collapsedIcon, controls, leading, titleAs = 'h3', eyebrow, accentColor, className, children, ...listItemProps }) {
     const bodyId = useId();
     const [ownExpanded, setOwnExpanded] = useState(defaultExpanded);
     const expanded = expandedProp ?? ownExpanded;
@@ -40,6 +42,7 @@ export function OutcomeItem({ title, kindIcon, details = [], categories = [], ma
         seen.set(detail.label, rank + 1);
         return (_jsxs("span", { className: "mui-outcome-item__detail", children: [detail.icon && (_jsx(Icon, { source: detail.icon, size: "sm", decorative: true, className: "mui-outcome-item__detail-icon" })), _jsx("span", { className: "mui-outcome-item__detail-label", children: detail.label })] }, `${detail.label}-${rank}`));
     });
-    return (_jsxs("li", { ...listItemProps, className: cx('mui-leading-slot', 'mui-outcome-item', className), children: [leading && (_jsx("div", { className: "mui-leading-slot__leading mui-outcome-item__leading", children: leading })), _jsxs(Card, { className: "mui-leading-slot__card mui-outcome-item__card", children: [_jsxs("div", { className: "mui-outcome-item__header", children: [_jsx(IconButton, { className: "mui-outcome-item__toggle", variant: "tertiary", icon: expanded ? expandedIcon : collapsedIcon, "aria-expanded": expanded, "aria-controls": bodyId, "aria-label": `Actions for ${title}`, onClick: toggleExpanded }), _jsxs("div", { className: "mui-outcome-item__main", children: [_jsx(CardTitle, { as: titleAs, className: "mui-outcome-item__title", children: title }), _jsxs("p", { className: "mui-outcome-item__details", children: [_jsxs("span", { className: "mui-outcome-item__detail mui-outcome-item__kind", children: [kindIcon && (_jsx(Icon, { source: kindIcon, size: "sm", decorative: true, className: "mui-outcome-item__detail-icon mui-outcome-item__kind-icon" })), _jsx("span", { className: "mui-outcome-item__detail-label", children: "Outcome" })] }), detailRows] }), _jsx(GoalCategories, { className: "mui-outcome-item__categories", categories: categories, maxVisible: maxVisibleCategories })] }), controls && _jsx("div", { className: "mui-outcome-item__controls", children: controls })] }), _jsx("div", { id: bodyId, className: "mui-outcome-item__body", hidden: !expanded, children: actions })] }), children] }));
+    const accent = accentProps(accentColor, listItemProps.style);
+    return (_jsxs("li", { ...listItemProps, style: accent.style, className: cx('mui-leading-slot', 'mui-outcome-item', accent.className, className), children: [leading && (_jsx("div", { className: "mui-leading-slot__leading mui-outcome-item__leading", children: leading })), _jsxs(Card, { className: "mui-leading-slot__card mui-outcome-item__card", children: [_jsxs("div", { className: "mui-outcome-item__header", children: [_jsx(IconButton, { className: "mui-outcome-item__toggle", variant: "tertiary", icon: expanded ? expandedIcon : collapsedIcon, "aria-expanded": expanded, "aria-controls": bodyId, "aria-label": `Actions for ${title}`, onClick: toggleExpanded }), _jsxs("div", { className: "mui-outcome-item__main", children: [eyebrow && _jsx("div", { className: "mui-outcome-item__eyebrow", children: eyebrow }), _jsx(CardTitle, { as: titleAs, className: "mui-outcome-item__title", children: title }), _jsxs("p", { className: "mui-outcome-item__details", children: [_jsxs("span", { className: "mui-outcome-item__detail mui-outcome-item__kind", children: [kindIcon && (_jsx(Icon, { source: kindIcon, size: "sm", decorative: true, className: "mui-outcome-item__detail-icon mui-outcome-item__kind-icon" })), _jsx("span", { className: "mui-outcome-item__detail-label", children: "Outcome" })] }), detailRows] }), _jsx(GoalCategories, { className: "mui-outcome-item__categories", categories: categories, maxVisible: maxVisibleCategories })] }), controls && _jsx("div", { className: "mui-outcome-item__controls", children: controls })] }), _jsx("div", { id: bodyId, className: "mui-outcome-item__body", hidden: !expanded, children: actions })] }), children] }));
 }
 //# sourceMappingURL=outcome-item.js.map

package/dist/outcome-item/outcome-item.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@manakind/manuia-ui",
-  "version": "0.21.0",
+  "version": "0.23.0",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -37,8 +37,8 @@
     "vr": "playwright test"
   },
   "dependencies": {
-    "@manakind/manuia-tokens": "0.19.0",
-    "@manakind/ui-core": "0.19.0"
+    "@manakind/manuia-tokens": "0.21.0",
+    "@manakind/ui-core": "0.21.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",