@manakind/manuia-ui 0.9.1 → 0.11.0

package/dist/focus-item/focus-item.css

@@ -0,0 +1,111 @@
+@layer components {
+  .mui-focus-item {
+    /*
+     * The row lays out by its own width, as GoalListItem does, so a list in a
+     * narrow column collapses the same way a list on a phone does.
+     */
+    container: mui-focus-item / inline-size;
+
+    /*
+     * A message passed as children sits under the row. The track is pinned
+     * to the item's width: left `auto`, a word too long to break would widen
+     * the row past the list.
+     */
+    display: grid;
+    grid-template-columns: minmax(0, 1fr);
+    gap: var(--semantic-space-gap-tight);
+
+    & .mui-focus-item__card {
+      --ds-card-padding: var(--semantic-space-padding);
+      --ds-card-title-font-size: var(--primitives-font-size-md);
+      --ds-card-title-font-weight: var(--primitives-font-weight-regular);
+    }
+
+    /*
+     * Categories are capped at 40% of the row so long names wrap in their
+     * share instead of squeezing the title, as on GoalListItem.
+     */
+    & .mui-focus-item__row {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) fit-content(40%) auto;
+      grid-template-areas: "main categories toggle";
+      align-items: center;
+      gap: var(--semantic-space-gap) var(--semantic-space-gap-relaxed);
+    }
+
+    & .mui-focus-item__main {
+      grid-area: main;
+      display: flex;
+      flex-direction: column;
+      gap: var(--semantic-space-gap-tight);
+      min-width: 0;
+    }
+
+    & .mui-focus-item__title {
+      --ds-card-text: var(--ds-card-text-muted);
+
+      overflow-wrap: anywhere;
+    }
+
+    & .mui-focus-item__details {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: var(--semantic-space-gap-tight) var(--semantic-space-gap-relaxed);
+      margin: 0;
+      color: var(--semantic-color-text-muted);
+      font-size: var(--primitives-font-size-xs);
+    }
+
+    & .mui-focus-item__kind {
+      display: inline-flex;
+      align-items: center;
+      gap: var(--semantic-space-gap-tight);
+      font-weight: var(--primitives-font-weight-semibold);
+      white-space: nowrap;
+    }
+
+    /* Details are product data (a project name), so they may break anywhere. */
+    & .mui-focus-item__detail {
+      overflow-wrap: anywhere;
+    }
+
+    & .mui-focus-item__actions {
+      display: flex;
+      flex-direction: column;
+      gap: var(--semantic-space-gap-tight);
+      margin: 0;
+      padding-inline-start: var(--semantic-space-padding);
+      color: var(--semantic-color-text-muted);
+      font-size: var(--primitives-font-size-sm);
+    }
+
+    & .mui-focus-item__action {
+      overflow-wrap: anywhere;
+    }
+
+    & .mui-focus-item__categories {
+      grid-area: categories;
+      justify-content: flex-end;
+    }
+
+    & .mui-focus-item__toggle {
+      grid-area: toggle;
+      justify-self: end;
+    }
+
+    @container mui-focus-item (max-width: 36rem) {
+      & .mui-focus-item__row {
+        grid-template-columns: minmax(0, 1fr) auto;
+        grid-template-areas:
+          "main toggle"
+          "categories categories";
+        align-items: start;
+      }
+
+      & .mui-focus-item__categories {
+        justify-content: flex-start;
+      }
+    }
+  }
+}

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

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

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

@@ -0,0 +1,72 @@
+import { type IconSource } from '@manakind/ui-core';
+import type { ReactNode } from 'react';
+import { type GoalCategory } from '../goal-categories';
+import './focus-item.css';
+/** What a focus row holds: a single action, or an outcome that groups actions. */
+export type FocusItemKind = 'action' | 'outcome';
+/** One open action listed under an outcome. */
+export interface FocusItemAction {
+    /** Stable identifier. */
+    id: string;
+    /** The action's description. */
+    title: string;
+}
+export interface FocusItemProps {
+    /** Whether the row is an action or an outcome. Shown as text beside `kindIcon`. */
+    kind: FocusItemKind;
+    /** The action's description or the outcome. Rendered as the row's heading. */
+    title: string;
+    /** Glyph beside the kind, supplied by the product. */
+    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?: GoalCategory[];
+    /**
+     * An outcome's open actions, listed under its title. Ignored for an action.
+     * An outcome with none says so.
+     */
+    actions?: FocusItemAction[];
+    /** Whether the item is focused. Drives the toggle's pressed state. */
+    focused: boolean;
+    /**
+     * Called with the new state when the focus toggle is pressed. Without it
+     * the row has no toggle.
+     */
+    onFocusedChange?: (focused: boolean) => void;
+    /** Glyph on the focus toggle while the item is not focused, supplied by the product. */
+    focusIcon?: IconSource;
+    /**
+     * Glyph on the toggle while the item is focused. Give it an outline that
+     * differs from `focusIcon`'s, so the pressed state reads without its fill
+     * colour. Falls back to `focusIcon`.
+     */
+    focusedIcon?: IconSource;
+    /** Heading level for the title. Defaults to `h3`; match the surrounding outline. */
+    titleAs?: 'h2' | 'h3' | 'h4';
+    /** Extra class names on the `<li>`. */
+    className?: string;
+    /**
+     * A message about this item, shown under the row inside the same `<li>`:
+     * an `Alert` after a failed change, say.
+     */
+    children?: ReactNode;
+}
+/**
+ * One focused Manuia action or outcome as a row. Render it inside a
+ * `FocusList`: it is the `<li>`.
+ *
+ * The focus toggle is a pressed/unpressed button whose name stays "Focus …"
+ * in both states, so a screen reader hears the state change rather than a
+ * different control. Pressed, it takes the primary look and `focusedIcon`;
+ * unpressed, the secondary look and `focusIcon`. It has no pending state:
+ * ui-core's `loading` disables the button, which would drop keyboard focus
+ * from the control just pressed, so the product keeps its change idempotent
+ * instead.
+ *
+ * Wide, the row reads left to right: title over its details and actions,
+ * then categories, then the toggle. Narrow, the categories drop below and
+ * the toggle stays beside the title.
+ */
+export declare function FocusItem({ kind, title, kindIcon, details, categories, actions, focused, onFocusedChange, focusIcon, focusedIcon, titleAs, className, children, }: FocusItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=focus-item.d.ts.map

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

@@ -0,0 +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,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvE,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,cAAc;IAC7B,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,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;;;;;;;;;;;;;;;GAeG;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,OAAc,EACd,SAAS,EACT,QAAQ,GACT,EAAE,cAAc,2CA+DhB"}

package/dist/focus-item/focus-item.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Card, CardTitle, cx, Icon } from '@manakind/ui-core';
+import { GoalCategories } from '../goal-categories';
+import './focus-item.css';
+const KIND_LABELS = {
+    action: 'Action',
+    outcome: 'Outcome',
+};
+/**
+ * One focused Manuia action or outcome as a row. Render it inside a
+ * `FocusList`: it is the `<li>`.
+ *
+ * The focus toggle is a pressed/unpressed button whose name stays "Focus …"
+ * in both states, so a screen reader hears the state change rather than a
+ * different control. Pressed, it takes the primary look and `focusedIcon`;
+ * unpressed, the secondary look and `focusIcon`. It has no pending state:
+ * ui-core's `loading` disables the button, which would drop keyboard focus
+ * from the control just pressed, so the product keeps its change idempotent
+ * instead.
+ *
+ * Wide, the row reads left to right: title over its details and actions,
+ * then categories, then the toggle. Narrow, the categories drop below and
+ * the toggle stays beside the title.
+ */
+export function FocusItem({ kind, title, kindIcon, details = [], categories = [], actions = [], focused, onFocusedChange, focusIcon, focusedIcon = focusIcon, titleAs = 'h3', className, children, }) {
+    const isOutcome = kind === 'outcome';
+    const actionCount = `${actions.length} open ${actions.length === 1 ? 'action' : 'actions'}`;
+    const facts = [...new Set(isOutcome ? [actionCount, ...details] : details)];
+    const handleToggle = () => onFocusedChange?.(!focused);
+    const actionList = isOutcome && actions.length > 0 ? (_jsx("ul", { className: "mui-focus-item__actions", "aria-label": `Open actions for ${title}`, children: actions.map((action) => (_jsx("li", { className: "mui-focus-item__action", children: action.title }, action.id))) })) : null;
+    const toggle = onFocusedChange ? (_jsx(Button, { className: "mui-focus-item__toggle", variant: focused ? 'primary' : 'secondary', size: "sm", leadingIcon: focused ? focusedIcon : focusIcon, "aria-pressed": focused, "aria-label": `Focus ${title}`, onClick: handleToggle, children: "Focus" })) : null;
+    return (_jsxs("li", { className: cx('mui-focus-item', className), children: [_jsx(Card, { className: "mui-focus-item__card", children: _jsxs("div", { className: "mui-focus-item__row", children: [_jsxs("div", { className: "mui-focus-item__main", children: [_jsx(CardTitle, { as: titleAs, className: "mui-focus-item__title", children: title }), _jsxs("p", { className: "mui-focus-item__details", children: [_jsxs("span", { className: "mui-focus-item__kind", children: [kindIcon && _jsx(Icon, { source: kindIcon, size: "sm", decorative: true }), KIND_LABELS[kind]] }), facts.map((fact) => (_jsx("span", { className: "mui-focus-item__detail", children: fact }, fact)))] }), actionList] }), _jsx(GoalCategories, { className: "mui-focus-item__categories", categories: categories }), toggle] }) }), children] }));
+}
+//# sourceMappingURL=focus-item.js.map

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

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

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

@@ -0,0 +1,3 @@
+export type { FocusItemAction, FocusItemKind, FocusItemProps } from './focus-item';
+export { FocusItem } from './focus-item';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/focus-item/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/focus-item/index.js

@@ -0,0 +1,2 @@
+export { FocusItem } from './focus-item';
+//# sourceMappingURL=index.js.map

package/dist/focus-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/focus-item/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/focus-list/focus-list.css

@@ -0,0 +1,10 @@
+@layer components {
+  .mui-focus-list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--semantic-space-gap);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+}

package/dist/focus-list/focus-list.css.d.ts

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

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

@@ -0,0 +1,16 @@
+import type { ComponentProps } from 'react';
+import './focus-list.css';
+export interface FocusListProps extends ComponentProps<'ul'> {
+    /** `FocusItem`s. Each renders its own `<li>`. */
+    children?: ComponentProps<'ul'>['children'];
+}
+/**
+ * A `<ul>` of `FocusItem` rows: the actions and outcomes a Manuia user has
+ * chosen to focus on.
+ *
+ * A real list, so a screen reader announces how many items there are. Name it
+ * with `aria-label` or `aria-labelledby` when the heading above it doesn't
+ * already say what it lists.
+ */
+export declare function FocusList({ className, children, ...props }: FocusListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=focus-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"focus-list.d.ts","sourceRoot":"","sources":["../../src/focus-list/focus-list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,IAAI,CAAC;IAC1D,iDAAiD;IACjD,QAAQ,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC;CAC7C;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAM1E"}

package/dist/focus-list/focus-list.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from '@manakind/ui-core';
+import './focus-list.css';
+/**
+ * A `<ul>` of `FocusItem` rows: the actions and outcomes a Manuia user has
+ * chosen to focus on.
+ *
+ * A real list, so a screen reader announces how many items there are. Name it
+ * with `aria-label` or `aria-labelledby` when the heading above it doesn't
+ * already say what it lists.
+ */
+export function FocusList({ className, children, ...props }) {
+    return (_jsx("ul", { className: cx('mui-focus-list', className), ...props, children: children }));
+}
+//# sourceMappingURL=focus-list.js.map

package/dist/focus-list/focus-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-list.js","sourceRoot":"","sources":["../../src/focus-list/focus-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,OAAO,kBAAkB,CAAC;AAO1B;;;;;;;GAOG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAkB;IACzE,OAAO,CACL,aAAI,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,KAAM,KAAK,YACtD,QAAQ,GACN,CACN,CAAC;AACJ,CAAC"}

package/dist/focus-list/index.d.ts

@@ -0,0 +1,3 @@
+export type { FocusListProps } from './focus-list';
+export { FocusList } from './focus-list';
+//# sourceMappingURL=index.d.ts.map

package/dist/focus-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/focus-list/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/focus-list/index.js

@@ -0,0 +1,2 @@
+export { FocusList } from './focus-list';
+//# sourceMappingURL=index.js.map

package/dist/focus-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/focus-list/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.d.ts

@@ -10,6 +10,8 @@
  */
 export * from '@manakind/ui-core';
 export * from './category-card';
+export * from './focus-item';
+export * from './focus-list';
 export * from './goal-card';
 export * from './goal-categories';
 export * from './goal-list';

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,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,cAAc,mBAAmB,CAAC;AAClC,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"}

package/dist/index.js

@@ -10,6 +10,8 @@
  */
 export * from '@manakind/ui-core';
 export * from './category-card';
+export * from './focus-item';
+export * from './focus-list';
 export * from './goal-card';
 export * from './goal-categories';
 export * from './goal-list';

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,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,cAAc,mBAAmB,CAAC;AAClC,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"}

package/package.json

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