@manakind/manuia-ui 0.3.0 → 0.4.0

package/README.md

@@ -15,8 +15,10 @@ npm install @manakind/manuia-ui @manakind/manuia-tokens react react-dom
 ```
 
 `react` and `react-dom` (`^19`) are peer dependencies. `@manakind/ui-core` and
-`@manakind/manuia-tokens` are pulled in as exact-pinned dependencies and ship in
-lockstep — upgrade all `@manakind/*` packages together.
+`@manakind/manuia-tokens` are pulled in as exact-pinned dependencies. Each
+package carries its own version: when you upgrade `@manakind/manuia-ui`,
+install the `@manakind/manuia-tokens` version it pins
+(`npm view @manakind/manuia-ui dependencies`).
 
 ## Usage
 

package/dist/category-card/category-card.css

@@ -0,0 +1,154 @@
+@layer components {
+  .mui-category-card {
+    display: flex;
+    flex-direction: column;
+    /*
+     * The category's own colour, as a wash over the card surface. Only set
+     * when the product passed a real colour, so the fallback is the plain
+     * card; decoration, never the signal (see `color` on the props).
+     *
+     * 8% at the top, not more: the rating bands are measured against the bare
+     * card, and 8% of any colour, black included, leaves every band above
+     * 4.5:1 (10% took two of them to 4.4:1).
+     */
+    background-image: linear-gradient(
+      color-mix(in srgb, var(--mui-category-color, transparent) 8%, transparent),
+      color-mix(in srgb, var(--mui-category-color, transparent) 4%, transparent)
+    );
+
+    /* Tighter than the card's own gap, through the key ui-core's header reads. */
+    & .mui-category-card__header {
+      --ds-card-gap: var(--semantic-space-gap);
+    }
+
+    & .mui-category-card__meta {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      gap: var(--semantic-space-gap);
+    }
+
+    & .mui-category-card__gap {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-end;
+      margin: 0;
+      line-height: var(--primitives-line-height-tight);
+    }
+
+    & .mui-category-card__gap-value {
+      font-size: var(--component-category-card-gap-font-size);
+      font-weight: var(--primitives-font-weight-bold);
+    }
+
+    & .mui-category-card__gap-label {
+      color: var(--semantic-color-text-muted);
+      font-size: var(--primitives-font-size-xs);
+      font-weight: var(--primitives-font-weight-medium);
+    }
+
+    & .mui-category-card__title {
+      /* Two lines at most, then an ellipsis: a long name must not push the ratings off the card. */
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 2;
+      overflow: hidden;
+    }
+
+    & .mui-category-card__content {
+      flex: 1;
+      justify-content: space-between;
+    }
+
+    & .mui-category-card__vision {
+      margin: 0;
+      color: var(--semantic-color-text-muted);
+      font-size: var(--primitives-font-size-sm);
+      font-style: italic;
+      line-height: var(--primitives-line-height-relaxed);
+    }
+
+    & .mui-category-card__roles {
+      display: flex;
+      flex-wrap: wrap;
+      gap: var(--semantic-space-gap-tight);
+      margin: 0;
+      padding: 0;
+      list-style: none;
+    }
+
+    & .mui-category-card__ratings {
+      display: flex;
+      flex-direction: column;
+      gap: var(--semantic-space-gap);
+      padding-block-start: var(--semantic-space-gap);
+      border-block-start: 1px solid var(--semantic-color-border-subtle);
+    }
+
+    /*
+     * Each bar is recoloured through the contract key `ui-core`'s Progress
+     * reads, re-declared on this class: current in the accent, ideal in the
+     * strong primary, the colour the goal state wears everywhere else.
+     */
+    & .mui-category-card__bar--current {
+      --ds-progress-indicator-bg: var(--component-category-card-bar-current);
+    }
+
+    & .mui-category-card__bar--ideal {
+      --ds-progress-indicator-bg: var(--component-category-card-bar-ideal);
+    }
+
+    /* Mirrors the product's small-caps labels, as GoalCard's milestone label does. */
+    & .mui-category-card__rating-label {
+      color: var(--semantic-color-text-muted);
+      font-size: var(--primitives-font-size-xs);
+      font-weight: var(--primitives-font-weight-semibold);
+      letter-spacing: 0.15em;
+      line-height: var(--primitives-line-height-tight);
+      text-transform: uppercase;
+    }
+
+    & .mui-category-card__rating-value {
+      color: var(--semantic-color-text-default);
+      font-size: var(--primitives-font-size-xl);
+      font-weight: var(--primitives-font-weight-bold);
+    }
+
+    & .mui-category-card__rating-max {
+      color: var(--semantic-color-text-muted);
+      font-size: var(--primitives-font-size-sm);
+      font-weight: var(--primitives-font-weight-regular);
+    }
+
+    /*
+     * The bands. The product's thresholds decide which applies; the card
+     * paints it. Every value clears 4.5:1 on the bare card in both themes
+     * (contrast-pairs.json) and stays above it under the 8% wash, which the
+     * product's own ramp did not: it ran from 2.14:1 to 4.05:1.
+     */
+    & .mui-category-card__gap--excellent,
+    & .mui-category-card__rating-value--excellent {
+      color: var(--component-category-card-rating-excellent);
+    }
+
+    & .mui-category-card__gap--good,
+    & .mui-category-card__rating-value--good {
+      color: var(--component-category-card-rating-good);
+    }
+
+    & .mui-category-card__gap--moderate,
+    & .mui-category-card__rating-value--moderate {
+      color: var(--component-category-card-rating-moderate);
+    }
+
+    & .mui-category-card__gap--poor,
+    & .mui-category-card__rating-value--poor {
+      color: var(--component-category-card-rating-poor);
+    }
+
+    & .mui-category-card__gap--critical,
+    & .mui-category-card__rating-value--critical {
+      color: var(--component-category-card-rating-critical);
+    }
+  }
+}

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

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

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

@@ -0,0 +1,83 @@
+import './category-card.css';
+/** Manuia's two kinds of life category. */
+export type CategoryType = 'Personal' | 'Professional';
+/**
+ * How a rating, or the gap between two ratings, reads. The product decides
+ * the thresholds; the card only paints the band. `excellent` is the goal
+ * state and `critical` the furthest from it.
+ */
+export type CategoryRatingBand = 'excellent' | 'good' | 'moderate' | 'poor' | 'critical';
+export interface CategoryRole {
+    id: string;
+    name: string;
+}
+export interface CategoryCardProps {
+    /** Category name. Rendered as the card's heading. */
+    name: string;
+    /** Personal or professional. Shown as a badge; the two get different tints. */
+    type: CategoryType;
+    /**
+     * Resolved CSS colour for this category, applied as a faint wash over the
+     * card. Category colours are data, not design tokens: each category row
+     * stores a colour the user picked. Validated before it reaches the style
+     * attribute; a value that is not a recognisable CSS colour is ignored and
+     * the card keeps its plain surface. The wash is decoration: nothing on the
+     * card relies on it. It is capped at 8%, which keeps every rating band
+     * above 4.5:1 over any colour at all.
+     */
+    color?: string;
+    /** The vision statement, shown as an excerpt. */
+    vision?: string;
+    /** Where the category stands today, on the product's 0–10 scale. A value off the scale is clamped. */
+    currentRating: number;
+    /** Where the user wants it to be, on the same scale. A value off the scale is clamped. */
+    idealRating: number;
+    /** Band the current rating falls in. Colours its number. */
+    currentBand?: CategoryRatingBand;
+    /** Band the ideal rating falls in. Colours its number. */
+    idealBand?: CategoryRatingBand;
+    /** Band the gap between the two falls in. Colours the gap figure. */
+    gapBand?: CategoryRatingBand;
+    /** Roles the user plays in this category. */
+    roles?: CategoryRole[];
+    /** How many roles to show before collapsing into `+N more`. A non-finite value shows all. */
+    maxVisibleRoles?: number;
+    /** Characters (graphemes) of the vision to show before an ellipsis. */
+    visionLength?: number;
+    /**
+     * Heading level for the name. Defaults to `h3`: a grid of these usually
+     * sits under a section heading.
+     */
+    titleAs?: 'h2' | 'h3' | 'h4';
+    /** Extra class names. */
+    className?: string;
+}
+/**
+ * A Manuia life category, rendered as a card.
+ *
+ * Composes `ui-core`'s `Card`, `Badge` and `Progress` with Manuia's own
+ * concepts — category types, the current and ideal rating, the gap, roles —
+ * which is why it lives in the product package rather than in `ui-core`.
+ *
+ * The thresholds that turn a rating into a band are product rules, so the
+ * caller passes the bands in; the card never decides that a 7 is good.
+ *
+ * The card is styled as interactive but is **not** operable on its own: wrap
+ * it in a link so it is reachable by keyboard, as `Card`'s `interactive`
+ * prop documents.
+ *
+ * ```tsx
+ * <CategoryCard
+ *   name="Health"
+ *   type="Personal"
+ *   color="#8fa878"
+ *   currentRating={6}
+ *   idealRating={9}
+ *   currentBand="good"
+ *   idealBand="excellent"
+ *   gapBand="moderate"
+ * />
+ * ```
+ */
+export declare function CategoryCard({ name, type, color, vision, currentRating, idealRating, currentBand, idealBand, gapBand, roles, maxVisibleRoles, visionLength, titleAs, className, }: CategoryCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=category-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"category-card.d.ts","sourceRoot":"","sources":["../../src/category-card/category-card.tsx"],"names":[],"mappings":"AAGA,OAAO,qBAAqB,CAAC;AAE7B,2CAA2C;AAC3C,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,cAAc,CAAC;AAEvD;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,CAAC;AAEzF,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,IAAI,EAAE,YAAY,CAAC;IACnB;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sGAAsG;IACtG,aAAa,EAAE,MAAM,CAAC;IACtB,0FAA0F;IAC1F,WAAW,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,qEAAqE;IACrE,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,6CAA6C;IAC7C,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,6FAA6F;IAC7F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4CD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,WAAW,EACX,SAAS,EACT,OAAO,EACP,KAAU,EACV,eAAmB,EACnB,YAAkB,EAClB,OAAc,EACd,SAAS,GACV,EAAE,iBAAiB,2CA4FnB"}

package/dist/category-card/category-card.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Card, CardContent, CardHeader, CardTitle, cx, Progress } from '@manakind/ui-core';
+import { safeColor } from '../css-color';
+import './category-card.css';
+const TYPE_VARIANT = {
+    Personal: 'success',
+    Professional: 'info',
+};
+/** The scale every rating is on. */
+const RATING_MAX = 10;
+/*
+ * A rating outside the scale is data the card cannot draw: Ark's Progress
+ * throws on a value past `max` or below zero. Clamping here keeps the bar and
+ * the gap honest about the scale rather than about the input.
+ */
+function clampRating(rating) {
+    if (!Number.isFinite(rating))
+        return 0;
+    return Math.min(Math.max(rating, 0), RATING_MAX);
+}
+/*
+ * Cut by grapheme, not by UTF-16 unit, so a flag or a skin-toned emoji at the
+ * boundary is kept whole rather than split into a replacement glyph.
+ */
+const graphemes = new Intl.Segmenter(undefined, { granularity: 'grapheme' });
+function excerpt(text, length) {
+    const limit = Math.max(Math.trunc(length), 0);
+    const units = Array.from(graphemes.segment(text), (segment) => segment.segment);
+    if (units.length <= limit)
+        return text;
+    return `${units.slice(0, limit).join('').trimEnd()}…`;
+}
+/*
+ * Same normalisation as GoalCategories' `maxVisible`: truncated toward zero,
+ * clamped at zero, and a non-finite value means no limit rather than no roles.
+ */
+function visibleLimit(limit) {
+    return Number.isFinite(limit) ? Math.max(Math.trunc(limit), 0) : undefined;
+}
+const BAND_CLASS = (part, band) => band && `mui-category-card__${part}--${band}`;
+/**
+ * A Manuia life category, rendered as a card.
+ *
+ * Composes `ui-core`'s `Card`, `Badge` and `Progress` with Manuia's own
+ * concepts — category types, the current and ideal rating, the gap, roles —
+ * which is why it lives in the product package rather than in `ui-core`.
+ *
+ * The thresholds that turn a rating into a band are product rules, so the
+ * caller passes the bands in; the card never decides that a 7 is good.
+ *
+ * The card is styled as interactive but is **not** operable on its own: wrap
+ * it in a link so it is reachable by keyboard, as `Card`'s `interactive`
+ * prop documents.
+ *
+ * ```tsx
+ * <CategoryCard
+ *   name="Health"
+ *   type="Personal"
+ *   color="#8fa878"
+ *   currentRating={6}
+ *   idealRating={9}
+ *   currentBand="good"
+ *   idealBand="excellent"
+ *   gapBand="moderate"
+ * />
+ * ```
+ */
+export function CategoryCard({ name, type, color, vision, currentRating, idealRating, currentBand, idealBand, gapBand, roles = [], maxVisibleRoles = 3, visionLength = 100, titleAs = 'h3', className, }) {
+    const wash = safeColor(color);
+    const current = clampRating(currentRating);
+    const ideal = clampRating(idealRating);
+    const gap = ideal - current;
+    const limit = visibleLimit(maxVisibleRoles);
+    const visibleRoles = limit === undefined ? roles : roles.slice(0, limit);
+    const remainingRoles = roles.length - visibleRoles.length;
+    const visionText = vision?.trim();
+    return (_jsxs(Card, { interactive: true, className: cx('mui-category-card', className), style: wash ? { '--mui-category-color': wash } : undefined, children: [_jsxs(CardHeader, { className: "mui-category-card__header", children: [_jsxs("div", { className: "mui-category-card__meta", children: [_jsx(Badge, { variant: TYPE_VARIANT[type], appearance: "plain", children: type }), _jsxs("p", { className: cx('mui-category-card__gap', BAND_CLASS('gap', gapBand)), children: [_jsx("span", { className: "mui-category-card__gap-value", children: gap }), _jsx("span", { className: "mui-category-card__gap-label", children: "gap" })] })] }), _jsx(CardTitle, { as: titleAs, className: "mui-category-card__title", title: name, children: name })] }), _jsxs(CardContent, { className: "mui-category-card__content", children: [visionText && (_jsx("p", { className: "mui-category-card__vision", children: excerpt(visionText, visionLength) })), roles.length > 0 && (_jsxs("ul", { className: "mui-category-card__roles", "aria-label": "Roles", children: [visibleRoles.map((role) => (_jsx("li", { children: _jsx(Badge, { variant: "outline", children: role.name }) }, role.id))), remainingRoles > 0 && (_jsx("li", { children: _jsxs(Badge, { variant: "muted", children: ["+", remainingRoles, " more"] }) }))] })), _jsxs("div", { className: "mui-category-card__ratings", children: [_jsx(Progress, { size: "sm", className: "mui-category-card__bar mui-category-card__bar--current", value: current, max: RATING_MAX, label: _jsx("span", { className: "mui-category-card__rating-label", children: "Current" }), valueText: _jsxs("span", { className: cx('mui-category-card__rating-value', BAND_CLASS('rating-value', currentBand)), children: [current, _jsxs("span", { className: "mui-category-card__rating-max", children: ["/", RATING_MAX] })] }) }), _jsx(Progress, { size: "sm", className: "mui-category-card__bar mui-category-card__bar--ideal", value: ideal, max: RATING_MAX, label: _jsx("span", { className: "mui-category-card__rating-label", children: "Ideal" }), valueText: _jsxs("span", { className: cx('mui-category-card__rating-value', BAND_CLASS('rating-value', idealBand)), children: [ideal, _jsxs("span", { className: "mui-category-card__rating-max", children: ["/", RATING_MAX] })] }) })] })] })] }));
+}
+//# sourceMappingURL=category-card.js.map

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

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

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

@@ -0,0 +1,3 @@
+export type { CategoryCardProps, CategoryRatingBand, CategoryRole, CategoryType, } from './category-card';
+export { CategoryCard } from './category-card';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/category-card/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,EACZ,YAAY,GACb,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/category-card/index.js

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

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

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

package/dist/css-color.d.ts

@@ -0,0 +1,3 @@
+/** The colour if it is real CSS colour syntax, otherwise `undefined`. */
+export declare function safeColor(color: string | undefined): string | undefined;
+//# sourceMappingURL=css-color.d.ts.map

package/dist/css-color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-color.d.ts","sourceRoot":"","sources":["../src/css-color.ts"],"names":[],"mappings":"AAgDA,yEAAyE;AACzE,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAKvE"}

package/dist/css-color.js

@@ -0,0 +1,54 @@
+/*
+ * A colour that arrives from outside the token pipeline is validated before
+ * it reaches a style attribute. Two reasons, and the second is the one that
+ * bites in practice.
+ *
+ * **Injection, on the server.** React escapes HTML, not CSS. For a *custom*
+ * property `react-dom/server` serialises the string into the markup with only
+ * the five HTML entities replaced — the semicolon is not among them — so
+ * `red;position:fixed;inset:0` closes the declaration and the browser parses
+ * the tail as further rules. Enough to cover the page or hide a control.
+ * (React's client path goes through `style.setProperty()`, and CSSOM rejects
+ * a value containing `;`, so this is specifically an SSR exposure.)
+ *
+ * **Invisible marks, everywhere.** A value that is not a colour at all is the
+ * likelier input — a product mapping its own palette names through, say. Once
+ * it is *set*, a `var(--mui-…, fallback)` in the CSS no longer applies, and
+ * the property it feeds is invalid at computed-value time: the mark resolves
+ * to transparent rather than falling back. So the guard admits only real
+ * colour syntax; anything else is left unset, which is what makes the
+ * documented fallback actually happen.
+ */
+const CSS_COLOR_FUNCTION = /^(?:rgb|hsl|hwb|lab|lch|oklab|oklch|color)a?\([^;(){}]*\)$/i;
+const CSS_HEX = /^#(?:[0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+// The CSS named colours. A bare word outside this set is rejected rather than
+// passed through, because an unrecognised keyword is what produces the
+// invalid-colour case above.
+const CSS_NAMED_COLORS = new Set(`aliceblue antiquewhite aqua aquamarine azure beige bisque black blanchedalmond blue
+   blueviolet brown burlywood cadetblue chartreuse chocolate coral cornflowerblue cornsilk
+   crimson cyan darkblue darkcyan darkgoldenrod darkgray darkgreen darkgrey darkkhaki
+   darkmagenta darkolivegreen darkorange darkorchid darkred darksalmon darkseagreen
+   darkslateblue darkslategray darkslategrey darkturquoise darkviolet deeppink deepskyblue
+   dimgray dimgrey dodgerblue firebrick floralwhite forestgreen fuchsia gainsboro ghostwhite
+   gold goldenrod gray green greenyellow grey honeydew hotpink indianred indigo ivory khaki
+   lavender lavenderblush lawngreen lemonchiffon lightblue lightcoral lightcyan
+   lightgoldenrodyellow lightgray lightgreen lightgrey lightpink lightsalmon lightseagreen
+   lightskyblue lightslategray lightslategrey lightsteelblue lightyellow lime limegreen linen
+   magenta maroon mediumaquamarine mediumblue mediumorchid mediumpurple mediumseagreen
+   mediumslateblue mediumspringgreen mediumturquoise mediumvioletred midnightblue mintcream
+   mistyrose moccasin navajowhite navy oldlace olive olivedrab orange orangered orchid
+   palegoldenrod palegreen paleturquoise palevioletred papayawhip peachpuff peru pink plum
+   powderblue purple rebeccapurple red rosybrown royalblue saddlebrown salmon sandybrown
+   seagreen seashell sienna silver skyblue slateblue slategray slategrey snow springgreen
+   steelblue tan teal thistle tomato transparent turquoise violet wheat white whitesmoke
+   yellow yellowgreen`.split(/\s+/));
+/** The colour if it is real CSS colour syntax, otherwise `undefined`. */
+export function safeColor(color) {
+    const trimmed = color?.trim();
+    if (!trimmed)
+        return undefined;
+    if (CSS_HEX.test(trimmed) || CSS_COLOR_FUNCTION.test(trimmed))
+        return trimmed;
+    return CSS_NAMED_COLORS.has(trimmed.toLowerCase()) ? trimmed : undefined;
+}
+//# sourceMappingURL=css-color.js.map

package/dist/css-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-color.js","sourceRoot":"","sources":["../src/css-color.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,kBAAkB,GAAG,6DAA6D,CAAC;AACzF,MAAM,OAAO,GAAG,yDAAyD,CAAC;AAE1E,8EAA8E;AAC9E,uEAAuE;AACvE,6BAA6B;AAC7B,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAC9B;;;;;;;;;;;;;;;;;sBAiBoB,CAAC,KAAK,CAAC,KAAK,CAAC,CAClC,CAAC;AAEF,yEAAyE;AACzE,MAAM,UAAU,SAAS,CAAC,KAAyB;IACjD,MAAM,OAAO,GAAG,KAAK,EAAE,IAAI,EAAE,CAAC;IAC9B,IAAI,CAAC,OAAO;QAAE,OAAO,SAAS,CAAC;IAC/B,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC;QAAE,OAAO,OAAO,CAAC;IAC9E,OAAO,gBAAgB,CAAC,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;AAC3E,CAAC"}

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

@@ -13,8 +13,8 @@ export interface GoalCategory {
      * rather than an inline `background-color` so the CSS keeps ownership of
      * how the colour is used.
      *
-     * Validated before it reaches the style attribute — see `safeColor` and the
-     * comment above it. A value that is not a recognisable CSS colour is ignored.
+     * Validated before it reaches the style attribute — see `safeColor` in
+     * `css-color.ts`. A value that is not a recognisable CSS colour is ignored.
      *
      * When omitted or rejected the dot falls back to the product's primary
      * action colour.

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":"AAEA,OAAO,uBAAuB,CAAC;AA+D/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":"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"}

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

@@ -1,64 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cx } from '@manakind/ui-core';
+import { safeColor } from '../css-color';
 import './goal-categories.css';
-/*
- * The colour arrives from outside the token pipeline, so this component
- * validates it instead of trusting its caller.
- *
- * Two separate reasons, and the second is the one that bites in practice.
- *
- * **Injection, on the server.** React escapes HTML, not CSS. For a *custom*
- * property `react-dom/server` serialises the string into the markup with only
- * the five HTML entities replaced — the semicolon is not among them — so
- * `red;position:fixed;inset:0` closes the declaration and the browser parses
- * the tail as further rules. Enough to cover the page or hide a control.
- * (React's client path goes through `style.setProperty()`, and CSSOM rejects
- * a value containing `;`, so this is specifically an SSR exposure.)
- *
- * **Invisible dots, everywhere.** A value that is not a colour at all is the
- * likelier input — a product mapping its own palette names through, say. Once
- * it is *set*, the `var(--mui-goal-category, …)` fallback in the CSS no longer
- * applies, and the `background-color` it feeds is invalid at computed-value
- * time: the dot resolves to transparent rather than falling back. So the guard
- * admits only real colour syntax; anything else is left unset, which is what
- * makes the documented fallback actually happen.
- *
- * This outlived the pills-to-dots change. The mechanism moved — it was
- * `color-mix()` going invalid, now it is `background-color` — but "a bad value
- * silently paints nothing" is a property of the custom-property fallback, not
- * of whatever consumed it.
- */
-const CSS_COLOR_FUNCTION = /^(?:rgb|hsl|hwb|lab|lch|oklab|oklch|color)a?\([^;(){}]*\)$/i;
-const CSS_HEX = /^#(?:[0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
-// The CSS named colours. A bare word outside this set is rejected rather than
-// passed through, because an unrecognised keyword is what produces the
-// invalid-colour case above.
-const CSS_NAMED_COLORS = new Set(`aliceblue antiquewhite aqua aquamarine azure beige bisque black blanchedalmond blue
-   blueviolet brown burlywood cadetblue chartreuse chocolate coral cornflowerblue cornsilk
-   crimson cyan darkblue darkcyan darkgoldenrod darkgray darkgreen darkgrey darkkhaki
-   darkmagenta darkolivegreen darkorange darkorchid darkred darksalmon darkseagreen
-   darkslateblue darkslategray darkslategrey darkturquoise darkviolet deeppink deepskyblue
-   dimgray dimgrey dodgerblue firebrick floralwhite forestgreen fuchsia gainsboro ghostwhite
-   gold goldenrod gray green greenyellow grey honeydew hotpink indianred indigo ivory khaki
-   lavender lavenderblush lawngreen lemonchiffon lightblue lightcoral lightcyan
-   lightgoldenrodyellow lightgray lightgreen lightgrey lightpink lightsalmon lightseagreen
-   lightskyblue lightslategray lightslategrey lightsteelblue lightyellow lime limegreen linen
-   magenta maroon mediumaquamarine mediumblue mediumorchid mediumpurple mediumseagreen
-   mediumslateblue mediumspringgreen mediumturquoise mediumvioletred midnightblue mintcream
-   mistyrose moccasin navajowhite navy oldlace olive olivedrab orange orangered orchid
-   palegoldenrod palegreen paleturquoise palevioletred papayawhip peachpuff peru pink plum
-   powderblue purple rebeccapurple red rosybrown royalblue saddlebrown salmon sandybrown
-   seagreen seashell sienna silver skyblue slateblue slategray slategrey snow springgreen
-   steelblue tan teal thistle tomato transparent turquoise violet wheat white whitesmoke
-   yellow yellowgreen`.split(/\s+/));
-function safeColor(color) {
-    const trimmed = color?.trim();
-    if (!trimmed)
-        return undefined;
-    if (CSS_HEX.test(trimmed) || CSS_COLOR_FUNCTION.test(trimmed))
-        return trimmed;
-    return CSS_NAMED_COLORS.has(trimmed.toLowerCase()) ? trimmed : undefined;
-}
 /**
  * The categories a Manuia goal belongs to, as dotted text.
  *

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,uBAAuB,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,kBAAkB,GAAG,6DAA6D,CAAC;AACzF,MAAM,OAAO,GAAG,yDAAyD,CAAC;AAE1E,8EAA8E;AAC9E,uEAAuE;AACvE,6BAA6B;AAC7B,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAC9B;;;;;;;;;;;;;;;;;sBAiBoB,CAAC,KAAK,CAAC,KAAK,CAAC,CAClC,CAAC;AAEF,SAAS,SAAS,CAAC,KAAyB;IAC1C,MAAM,OAAO,GAAG,KAAK,EAAE,IAAI,EAAE,CAAC;IAC9B,IAAI,CAAC,OAAO;QAAE,OAAO,SAAS,CAAC;IAC/B,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC;QAAE,OAAO,OAAO,CAAC;IAC9E,OAAO,gBAAgB,CAAC,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;AAC3E,CAAC;AAuCD;;;;;;;;;;;;;;;;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,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"}

package/dist/index.d.ts

@@ -9,6 +9,7 @@
  * `.storybook/preview.ts` for the canonical setup.
  */
 export * from '@manakind/ui-core';
+export * from './category-card';
 export * from './goal-card';
 export * from './goal-categories';
 export * from './goal-tab-trigger';

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,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,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,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}

package/dist/index.js

@@ -9,6 +9,7 @@
  * `.storybook/preview.ts` for the canonical setup.
  */
 export * from '@manakind/ui-core';
+export * from './category-card';
 export * from './goal-card';
 export * from './goal-categories';
 export * from './goal-tab-trigger';

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,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,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,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}

package/package.json

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