@cloudgrid-io/ui 0.39.0 → 0.41.0

package/README.md

@@ -45,10 +45,14 @@ The order matters, and getting it wrong fails quietly rather than loudly.
 - `theme.css` maps Tailwind utilities onto the tokens. Before `tokens.css` has run there is
   nothing to map, so every utility resolves to nothing and the page renders unstyled
   instead of erroring.
-- `console.css` is a **product preset**, not part of the base. It re-declares the body and
-  display faces as the UI face, Manrope. The CloudGrid Console imports it; so should any
-  product whose type is the UI face rather than the display face. Everyone else leaves the
-  line out and keeps the default. It has to sit **after `tokens.css`**, which is what it
+- `console.css` is a **product preset**, not part of the base. It re-declares the body face
+  as the UI face, Manrope, and leaves the display face on Tanker, as the CloudGrid 2026
+  Figma has it (#371). The CloudGrid Console imports it; so should any product whose body
+  type is the UI face. Everyone else leaves the line out and keeps the default. The
+  Console's five type roles, as tokens: **Body** `text-body-sm` (15 / 1.46), **Body Bold**
+  `text-body-sm font-bold`, **Small** `text-caption` (13 / 1.46), **H4**
+  `text-heading-lg font-medium` (22 / 1.2), **Headline** `font-display` (Tanker). A page
+  picks a role, not a size. It has to sit **after `tokens.css`**, which is what it
   re-declares: import it before `tokens.css` and the default face wins at equal specificity,
   silently. Its position relative to `theme.css` does not matter. `theme.css` is
   `@theme inline`, so the utilities it emits are live `var()` references that resolve
@@ -150,7 +154,7 @@ rest).
 | | |
 |---|---|
 | `@cloudgrid-io/ui/tokens.css` | every value as a CSS custom property |
-| `@cloudgrid-io/ui/console.css` | product preset: body and display type set to Manrope |
+| `@cloudgrid-io/ui/console.css` | product preset: body type set to Manrope, headlines stay Tanker |
 | `@cloudgrid-io/ui/docs.css` | product preset: the Starlight docs site, light only, see below |
 | `@cloudgrid-io/ui/expressive-code` | the docs site's code blocks: Expressive Code theme and overrides, monochrome on ink |
 | `@cloudgrid-io/ui/theme.css` | maps Tailwind utilities onto the tokens |

package/dist/badge/palette.d.ts

@@ -1,5 +1,5 @@
 /** Every badge token as one declaration list, for the badge root's rule. */
-export declare const BADGE_TOKEN_DECLARATIONS = "--cg-primary:#5a47f0;--cg-primary-press:#4b39db;--cg-primary-tint:#eeecfe;--cg-secondary:#b6de68;--cg-secondary-press:#a6cf57;--cg-tertiary:#60e9f0;--cg-tertiary-press:#4dd8e0;--cg-accent:#0061f0;--cg-cyan-200:#dffbfc;--cg-lime-200:#eef7dc;--cg-surface-card:#ffffff;--cg-surface-raised:#f4f6f8;--cg-surface-control:#e3e3e3;--cg-surface-subtle:#f2f1f7;--cg-hover:rgba(34, 34, 34, 0.045);--cg-scrim:rgba(34, 34, 34, 0.4);--cg-text-primary:#222222;--cg-text-secondary:#595959;--cg-text-muted:#858585;--cg-text-muted-strong:#6a6a6a;--cg-text-placeholder:#acacac;--cg-text-accent:#5a47f0;--cg-text-on-primary:#ffffff;--cg-text-on-accent:#222222;--cg-border-hairline:#e6e8ea;--cg-border-control:#e3e3e3;--cg-border-accent:#5a47f0;--cg-focus-ring:rgba(90, 71, 240, 0.28);--cg-online:#00a05c;--cg-online-fill:#e6f7ef;--cg-online-strong:#085d3a;--cg-expired-fill:#fdf3e0;--cg-expired-border:#fedf89;--cg-expired-strong:#7a3d0a;--cg-font-ui:'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--cg-font-body:'Space Grotesk Variable', 'Space Grotesk', 'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--cg-font-mono:'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;--cg-weight-regular:400;--cg-weight-medium:500;--cg-weight-bold:600;--cg-body-18:18px;--cg-body-md:16px;--cg-body-sm:15px;--cg-body-14:14px;--cg-caption:13px;--cg-body-line:1.46;--cg-mono-size:14px;--cg-mono-line:1.7;--cg-radius-xs:8px;--cg-radius-sm:10px;--cg-radius-md:12px;--cg-radius-lg:14px;--cg-radius-xl:16px;--cg-radius-container:20px;--cg-radius-pill:999px;--cg-shadow-card:0 4px 16px rgba(34, 34, 34, 0.04), 0 4px 4px rgba(34, 34, 34, 0.04);--cg-shadow-hover:0 8px 24px rgba(34, 34, 34, 0.08);--cg-shadow-card-hover:0 8px 24px rgba(34, 34, 34, 0.08), 0 4px 6px rgba(34, 34, 34, 0.06);--cg-shadow-panel:0 10px 40px rgba(90, 71, 240, 0.18);--cg-duration-fast:120ms;--cg-duration:180ms;--cg-duration-slow:280ms;--cg-ease-out:cubic-bezier(0, 0, 0.2, 1);--cg-ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--cg-ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--cg-ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--cg-ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--cg-ease-in:cubic-bezier(0.5, 0, 0.75, 0);--cg-ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);--cg-ease-spring-damped:linear(0, 0.034, 0.122, 0.244, 0.383, 0.526, 0.662, 0.785, 0.889, 0.974, 1.038, 1.083, 1.111, 1.124, 1.126, 1.119, 1.106, 1.09, 1.072, 1.054, 1.038, 1.023, 1.01, 1, 0.993, 0.988, 0.985, 0.984, 0.984, 0.985, 0.987, 0.989, 0.992, 0.994, 0.996, 0.998, 0.999, 1, 1.001, 1.002, 1);";
+export declare const BADGE_TOKEN_DECLARATIONS = "--cg-primary:#5a47f0;--cg-primary-press:#4b39db;--cg-primary-tint:#eeecfe;--cg-secondary:#b6de68;--cg-secondary-press:#a6cf57;--cg-tertiary:#60e9f0;--cg-tertiary-press:#4dd8e0;--cg-accent:#0061f0;--cg-cyan-200:#dffbfc;--cg-lime-200:#eef7dc;--cg-surface-card:#ffffff;--cg-surface-raised:#f4f6f8;--cg-surface-control:#e3e3e3;--cg-surface-subtle:#f2f1f7;--cg-hover:rgba(34, 34, 34, 0.045);--cg-scrim:rgba(46, 30, 172, 0.46);--cg-text-primary:#222222;--cg-text-secondary:#595959;--cg-text-muted:#858585;--cg-text-muted-strong:#6a6a6a;--cg-text-placeholder:#acacac;--cg-text-accent:#5a47f0;--cg-text-on-primary:#ffffff;--cg-text-on-accent:#222222;--cg-border-hairline:#e6e8ea;--cg-border-control:#e3e3e3;--cg-border-accent:#5a47f0;--cg-focus-ring:rgba(90, 71, 240, 0.28);--cg-online:#00a05c;--cg-online-fill:#e6f7ef;--cg-online-strong:#085d3a;--cg-expired-fill:#fdf3e0;--cg-expired-border:#fedf89;--cg-expired-strong:#7a3d0a;--cg-font-ui:'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--cg-font-body:'Space Grotesk Variable', 'Space Grotesk', 'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--cg-font-mono:'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;--cg-weight-regular:400;--cg-weight-medium:500;--cg-weight-bold:600;--cg-body-18:18px;--cg-body-md:16px;--cg-body-sm:15px;--cg-body-14:14px;--cg-caption:13px;--cg-body-line:1.46;--cg-mono-size:14px;--cg-mono-line:1.7;--cg-radius-xs:8px;--cg-radius-sm:10px;--cg-radius-md:12px;--cg-radius-lg:14px;--cg-radius-xl:16px;--cg-radius-container:20px;--cg-radius-pill:999px;--cg-shadow-card:0 4px 16px rgba(34, 34, 34, 0.04), 0 4px 4px rgba(34, 34, 34, 0.04);--cg-shadow-hover:0 8px 24px rgba(34, 34, 34, 0.08);--cg-shadow-card-hover:0 8px 24px rgba(34, 34, 34, 0.08), 0 4px 6px rgba(34, 34, 34, 0.06);--cg-shadow-panel:0 10px 40px rgba(90, 71, 240, 0.18);--cg-duration-fast:120ms;--cg-duration:180ms;--cg-duration-slow:280ms;--cg-ease-out:cubic-bezier(0, 0, 0.2, 1);--cg-ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--cg-ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--cg-ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--cg-ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--cg-ease-in:cubic-bezier(0.5, 0, 0.75, 0);--cg-ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);--cg-ease-spring-damped:linear(0, 0.034, 0.122, 0.244, 0.383, 0.526, 0.662, 0.785, 0.889, 0.974, 1.038, 1.083, 1.111, 1.124, 1.126, 1.119, 1.106, 1.09, 1.072, 1.054, 1.038, 1.023, 1.01, 1, 0.993, 0.988, 0.985, 0.984, 0.984, 0.985, 0.987, 0.989, 0.992, 0.994, 0.996, 0.998, 0.999, 1, 1.001, 1.002, 1);";
 /** The same values as a map, for tests and the gallery. Not needed at runtime. */
 export declare const BADGE_TOKENS: Readonly<Record<string, string>>;
 /** `--cg-font-ui`: Manrope. The tab label and button labels. */

package/dist/badge/palette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/badge/palette.ts"],"names":[],"mappings":"AAMA,4EAA4E;AAC5E,eAAO,MAAM,wBAAwB,4kFACsiF,CAAA;AAE3kF,kFAAkF;AAClF,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAuEzD,CAAA;AAED,gEAAgE;AAChE,eAAO,MAAM,aAAa,6FAA6F,CAAA;AAEvH,iEAAiE;AACjE,eAAO,MAAM,eAAe,wIAAwI,CAAA;AAEpK;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC;IAC3C,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,MAAM,CAAA;CACrB,CAGA,CAAA"}
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/badge/palette.ts"],"names":[],"mappings":"AAMA,4EAA4E;AAC5E,eAAO,MAAM,wBAAwB,8kFACwiF,CAAA;AAE7kF,kFAAkF;AAClF,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAuEzD,CAAA;AAED,gEAAgE;AAChE,eAAO,MAAM,aAAa,6FAA6F,CAAA;AAEvH,iEAAiE;AACjE,eAAO,MAAM,eAAe,wIAAwI,CAAA;AAEpK;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC;IAC3C,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,MAAM,CAAA;CACrB,CAGA,CAAA"}

package/dist/badge/palette.js

@@ -4,7 +4,7 @@
 // carries its token values with it. Each is the resolved value of the token of
 // the same name at :root. Retune the token and rebuild; this file follows.
 /** Every badge token as one declaration list, for the badge root's rule. */
-export const BADGE_TOKEN_DECLARATIONS = "--cg-primary:#5a47f0;--cg-primary-press:#4b39db;--cg-primary-tint:#eeecfe;--cg-secondary:#b6de68;--cg-secondary-press:#a6cf57;--cg-tertiary:#60e9f0;--cg-tertiary-press:#4dd8e0;--cg-accent:#0061f0;--cg-cyan-200:#dffbfc;--cg-lime-200:#eef7dc;--cg-surface-card:#ffffff;--cg-surface-raised:#f4f6f8;--cg-surface-control:#e3e3e3;--cg-surface-subtle:#f2f1f7;--cg-hover:rgba(34, 34, 34, 0.045);--cg-scrim:rgba(34, 34, 34, 0.4);--cg-text-primary:#222222;--cg-text-secondary:#595959;--cg-text-muted:#858585;--cg-text-muted-strong:#6a6a6a;--cg-text-placeholder:#acacac;--cg-text-accent:#5a47f0;--cg-text-on-primary:#ffffff;--cg-text-on-accent:#222222;--cg-border-hairline:#e6e8ea;--cg-border-control:#e3e3e3;--cg-border-accent:#5a47f0;--cg-focus-ring:rgba(90, 71, 240, 0.28);--cg-online:#00a05c;--cg-online-fill:#e6f7ef;--cg-online-strong:#085d3a;--cg-expired-fill:#fdf3e0;--cg-expired-border:#fedf89;--cg-expired-strong:#7a3d0a;--cg-font-ui:'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--cg-font-body:'Space Grotesk Variable', 'Space Grotesk', 'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--cg-font-mono:'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;--cg-weight-regular:400;--cg-weight-medium:500;--cg-weight-bold:600;--cg-body-18:18px;--cg-body-md:16px;--cg-body-sm:15px;--cg-body-14:14px;--cg-caption:13px;--cg-body-line:1.46;--cg-mono-size:14px;--cg-mono-line:1.7;--cg-radius-xs:8px;--cg-radius-sm:10px;--cg-radius-md:12px;--cg-radius-lg:14px;--cg-radius-xl:16px;--cg-radius-container:20px;--cg-radius-pill:999px;--cg-shadow-card:0 4px 16px rgba(34, 34, 34, 0.04), 0 4px 4px rgba(34, 34, 34, 0.04);--cg-shadow-hover:0 8px 24px rgba(34, 34, 34, 0.08);--cg-shadow-card-hover:0 8px 24px rgba(34, 34, 34, 0.08), 0 4px 6px rgba(34, 34, 34, 0.06);--cg-shadow-panel:0 10px 40px rgba(90, 71, 240, 0.18);--cg-duration-fast:120ms;--cg-duration:180ms;--cg-duration-slow:280ms;--cg-ease-out:cubic-bezier(0, 0, 0.2, 1);--cg-ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--cg-ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--cg-ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--cg-ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--cg-ease-in:cubic-bezier(0.5, 0, 0.75, 0);--cg-ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);--cg-ease-spring-damped:linear(0, 0.034, 0.122, 0.244, 0.383, 0.526, 0.662, 0.785, 0.889, 0.974, 1.038, 1.083, 1.111, 1.124, 1.126, 1.119, 1.106, 1.09, 1.072, 1.054, 1.038, 1.023, 1.01, 1, 0.993, 0.988, 0.985, 0.984, 0.984, 0.985, 0.987, 0.989, 0.992, 0.994, 0.996, 0.998, 0.999, 1, 1.001, 1.002, 1);";
+export const BADGE_TOKEN_DECLARATIONS = "--cg-primary:#5a47f0;--cg-primary-press:#4b39db;--cg-primary-tint:#eeecfe;--cg-secondary:#b6de68;--cg-secondary-press:#a6cf57;--cg-tertiary:#60e9f0;--cg-tertiary-press:#4dd8e0;--cg-accent:#0061f0;--cg-cyan-200:#dffbfc;--cg-lime-200:#eef7dc;--cg-surface-card:#ffffff;--cg-surface-raised:#f4f6f8;--cg-surface-control:#e3e3e3;--cg-surface-subtle:#f2f1f7;--cg-hover:rgba(34, 34, 34, 0.045);--cg-scrim:rgba(46, 30, 172, 0.46);--cg-text-primary:#222222;--cg-text-secondary:#595959;--cg-text-muted:#858585;--cg-text-muted-strong:#6a6a6a;--cg-text-placeholder:#acacac;--cg-text-accent:#5a47f0;--cg-text-on-primary:#ffffff;--cg-text-on-accent:#222222;--cg-border-hairline:#e6e8ea;--cg-border-control:#e3e3e3;--cg-border-accent:#5a47f0;--cg-focus-ring:rgba(90, 71, 240, 0.28);--cg-online:#00a05c;--cg-online-fill:#e6f7ef;--cg-online-strong:#085d3a;--cg-expired-fill:#fdf3e0;--cg-expired-border:#fedf89;--cg-expired-strong:#7a3d0a;--cg-font-ui:'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--cg-font-body:'Space Grotesk Variable', 'Space Grotesk', 'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--cg-font-mono:'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;--cg-weight-regular:400;--cg-weight-medium:500;--cg-weight-bold:600;--cg-body-18:18px;--cg-body-md:16px;--cg-body-sm:15px;--cg-body-14:14px;--cg-caption:13px;--cg-body-line:1.46;--cg-mono-size:14px;--cg-mono-line:1.7;--cg-radius-xs:8px;--cg-radius-sm:10px;--cg-radius-md:12px;--cg-radius-lg:14px;--cg-radius-xl:16px;--cg-radius-container:20px;--cg-radius-pill:999px;--cg-shadow-card:0 4px 16px rgba(34, 34, 34, 0.04), 0 4px 4px rgba(34, 34, 34, 0.04);--cg-shadow-hover:0 8px 24px rgba(34, 34, 34, 0.08);--cg-shadow-card-hover:0 8px 24px rgba(34, 34, 34, 0.08), 0 4px 6px rgba(34, 34, 34, 0.06);--cg-shadow-panel:0 10px 40px rgba(90, 71, 240, 0.18);--cg-duration-fast:120ms;--cg-duration:180ms;--cg-duration-slow:280ms;--cg-ease-out:cubic-bezier(0, 0, 0.2, 1);--cg-ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--cg-ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--cg-ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--cg-ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--cg-ease-in:cubic-bezier(0.5, 0, 0.75, 0);--cg-ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);--cg-ease-spring-damped:linear(0, 0.034, 0.122, 0.244, 0.383, 0.526, 0.662, 0.785, 0.889, 0.974, 1.038, 1.083, 1.111, 1.124, 1.126, 1.119, 1.106, 1.09, 1.072, 1.054, 1.038, 1.023, 1.01, 1, 0.993, 0.988, 0.985, 0.984, 0.984, 0.985, 0.987, 0.989, 0.992, 0.994, 0.996, 0.998, 0.999, 1, 1.001, 1.002, 1);";
 /** The same values as a map, for tests and the gallery. Not needed at runtime. */
 export const BADGE_TOKENS = {
     "--cg-primary": "#5a47f0",
@@ -22,7 +22,7 @@ export const BADGE_TOKENS = {
     "--cg-surface-control": "#e3e3e3",
     "--cg-surface-subtle": "#f2f1f7",
     "--cg-hover": "rgba(34, 34, 34, 0.045)",
-    "--cg-scrim": "rgba(34, 34, 34, 0.4)",
+    "--cg-scrim": "rgba(46, 30, 172, 0.46)",
     "--cg-text-primary": "#222222",
     "--cg-text-secondary": "#595959",
     "--cg-text-muted": "#858585",

package/dist/badge/palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette.js","sourceRoot":"","sources":["../../src/badge/palette.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"palette.js","sourceRoot":"","sources":["../../src/badge/palette.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,EAAE;AACF,2EAA2E;AAC3E,+EAA+E;AAC/E,2EAA2E;AAE3E,4EAA4E;AAC5E,MAAM,CAAC,MAAM,wBAAwB,GACnC,2kFAA2kF,CAAA;AAE7kF,kFAAkF;AAClF,MAAM,CAAC,MAAM,YAAY,GAAqC;IAC5D,cAAc,EAAE,SAAS;IACzB,oBAAoB,EAAE,SAAS;IAC/B,mBAAmB,EAAE,SAAS;IAC9B,gBAAgB,EAAE,SAAS;IAC3B,sBAAsB,EAAE,SAAS;IACjC,eAAe,EAAE,SAAS;IAC1B,qBAAqB,EAAE,SAAS;IAChC,aAAa,EAAE,SAAS;IACxB,eAAe,EAAE,SAAS;IAC1B,eAAe,EAAE,SAAS;IAC1B,mBAAmB,EAAE,SAAS;IAC9B,qBAAqB,EAAE,SAAS;IAChC,sBAAsB,EAAE,SAAS;IACjC,qBAAqB,EAAE,SAAS;IAChC,YAAY,EAAE,yBAAyB;IACvC,YAAY,EAAE,yBAAyB;IACvC,mBAAmB,EAAE,SAAS;IAC9B,qBAAqB,EAAE,SAAS;IAChC,iBAAiB,EAAE,SAAS;IAC5B,wBAAwB,EAAE,SAAS;IACnC,uBAAuB,EAAE,SAAS;IAClC,kBAAkB,EAAE,SAAS;IAC7B,sBAAsB,EAAE,SAAS;IACjC,qBAAqB,EAAE,SAAS;IAChC,sBAAsB,EAAE,SAAS;IACjC,qBAAqB,EAAE,SAAS;IAChC,oBAAoB,EAAE,SAAS;IAC/B,iBAAiB,EAAE,yBAAyB;IAC5C,aAAa,EAAE,SAAS;IACxB,kBAAkB,EAAE,SAAS;IAC7B,oBAAoB,EAAE,SAAS;IAC/B,mBAAmB,EAAE,SAAS;IAC9B,qBAAqB,EAAE,SAAS;IAChC,qBAAqB,EAAE,SAAS;IAChC,cAAc,EAAE,0FAA0F;IAC1G,gBAAgB,EAAE,qIAAqI;IACvJ,gBAAgB,EAAE,6FAA6F;IAC/G,qBAAqB,EAAE,KAAK;IAC5B,oBAAoB,EAAE,KAAK;IAC3B,kBAAkB,EAAE,KAAK;IACzB,cAAc,EAAE,MAAM;IACtB,cAAc,EAAE,MAAM;IACtB,cAAc,EAAE,MAAM;IACtB,cAAc,EAAE,MAAM;IACtB,cAAc,EAAE,MAAM;IACtB,gBAAgB,EAAE,MAAM;IACxB,gBAAgB,EAAE,MAAM;IACxB,gBAAgB,EAAE,KAAK;IACvB,gBAAgB,EAAE,KAAK;IACvB,gBAAgB,EAAE,MAAM;IACxB,gBAAgB,EAAE,MAAM;IACxB,gBAAgB,EAAE,MAAM;IACxB,gBAAgB,EAAE,MAAM;IACxB,uBAAuB,EAAE,MAAM;IAC/B,kBAAkB,EAAE,OAAO;IAC3B,kBAAkB,EAAE,qEAAqE;IACzF,mBAAmB,EAAE,mCAAmC;IACxD,wBAAwB,EAAE,qEAAqE;IAC/F,mBAAmB,EAAE,qCAAqC;IAC1D,oBAAoB,EAAE,OAAO;IAC7B,eAAe,EAAE,OAAO;IACxB,oBAAoB,EAAE,OAAO;IAC7B,eAAe,EAAE,4BAA4B;IAC7C,oBAAoB,EAAE,+BAA+B;IACrD,qBAAqB,EAAE,gCAAgC;IACvD,qBAAqB,EAAE,+BAA+B;IACtD,wBAAwB,EAAE,gCAAgC;IAC1D,cAAc,EAAE,+BAA+B;IAC/C,kBAAkB,EAAE,mCAAmC;IACvD,yBAAyB,EAAE,qRAAqR;CACjT,CAAA;AAED,gEAAgE;AAChE,MAAM,CAAC,MAAM,aAAa,GAAG,0FAA0F,CAAA;AAEvH,iEAAiE;AACjE,MAAM,CAAC,MAAM,eAAe,GAAG,qIAAqI,CAAA;AAEpK;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAMxB;IACH,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,iCAAiC,EAAE,YAAY,EAAE,0JAA0J,EAAE;IACrR,EAAE,MAAM,EAAE,wBAAwB,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,uCAAuC,EAAE,YAAY,EAAE,0JAA0J,EAAE;CAClS,CAAA"}

package/dist/blocks/action-link.d.ts

@@ -0,0 +1,31 @@
+import { useRender } from "@base-ui/react/use-render";
+/**
+ * The teal text link of the 2026 Home (#382): "Explore All", "Open",
+ * "Dismiss", "onboard an agent" (spec §4.3 to §4.8, Figma Tertiary Dark).
+ *
+ * Body (15) in `--cg-tertiary-dark` (#45CDD4), no underline at rest, an
+ * underline on hover (the frames draw no hover state; this is the library's
+ * feedback for a text link), the focus ring on keyboard focus.
+ *
+ * ## The colour is under AA, on purpose
+ *
+ * #45CDD4 measures 1.92:1 on white. The design uses it knowingly (Gilad,
+ * 2026-11-01, spec §6.1), and every link drawn in it also carries an
+ * accessible name, so a reader who cannot see the colour still gets the words.
+ *
+ * ## The token comes from ui#381
+ *
+ * `--cg-tertiary-dark` is the header set's token (ui#381); this block reads it
+ * and does not declare it.
+ *
+ * `ACTION_LINK_CLASS` is exported for a control that is not an anchor but
+ * should look like one: Dismiss (a button) and the empty state's "onboard an
+ * agent" (a `CopyButton`).
+ */
+declare const ACTION_LINK_CLASS = "inline-flex items-center rounded-2xs text-body-sm text-(--cg-tertiary-dark) no-underline underline-offset-4 hover:underline outline-none focus-visible:ring-3 focus-visible:ring-ring";
+declare function ActionLink({ render, weight, className, ...props }: useRender.ComponentProps<"a"> & {
+    /** `regular` (Body: Open, "onboard an agent") or `bold` (Body Bold: Explore All, Dismiss). */
+    weight?: "regular" | "bold";
+}): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export { ACTION_LINK_CLASS, ActionLink };
+//# sourceMappingURL=action-link.d.ts.map

package/dist/blocks/action-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-link.d.ts","sourceRoot":"","sources":["../../src/blocks/action-link.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAIrD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,iBAAiB,0LACkK,CAAA;AAEzL,iBAAS,UAAU,CAAC,EAClB,MAAM,EACN,MAAkB,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IACjC,8FAA8F;IAC9F,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;CAC5B,8FAUA;AAED,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAA"}

package/dist/blocks/action-link.js

@@ -0,0 +1,40 @@
+"use client";
+import { useRender } from "@base-ui/react/use-render";
+import { cn } from "../lib/cloudgrid-cn.js";
+/**
+ * The teal text link of the 2026 Home (#382): "Explore All", "Open",
+ * "Dismiss", "onboard an agent" (spec §4.3 to §4.8, Figma Tertiary Dark).
+ *
+ * Body (15) in `--cg-tertiary-dark` (#45CDD4), no underline at rest, an
+ * underline on hover (the frames draw no hover state; this is the library's
+ * feedback for a text link), the focus ring on keyboard focus.
+ *
+ * ## The colour is under AA, on purpose
+ *
+ * #45CDD4 measures 1.92:1 on white. The design uses it knowingly (Gilad,
+ * 2026-11-01, spec §6.1), and every link drawn in it also carries an
+ * accessible name, so a reader who cannot see the colour still gets the words.
+ *
+ * ## The token comes from ui#381
+ *
+ * `--cg-tertiary-dark` is the header set's token (ui#381); this block reads it
+ * and does not declare it.
+ *
+ * `ACTION_LINK_CLASS` is exported for a control that is not an anchor but
+ * should look like one: Dismiss (a button) and the empty state's "onboard an
+ * agent" (a `CopyButton`).
+ */
+const ACTION_LINK_CLASS = "inline-flex items-center rounded-2xs text-body-sm text-(--cg-tertiary-dark) no-underline underline-offset-4 hover:underline outline-none focus-visible:ring-3 focus-visible:ring-ring";
+function ActionLink({ render, weight = "regular", className, ...props }) {
+    return useRender({
+        render,
+        defaultTagName: "a",
+        props: {
+            "data-slot": "action-link",
+            className: cn(ACTION_LINK_CLASS, weight === "bold" && "font-bold", className),
+            ...props,
+        },
+    });
+}
+export { ACTION_LINK_CLASS, ActionLink };
+//# sourceMappingURL=action-link.js.map

package/dist/blocks/action-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-link.js","sourceRoot":"","sources":["../../src/blocks/action-link.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,iBAAiB,GACrB,uLAAuL,CAAA;AAEzL,SAAS,UAAU,CAAC,EAClB,MAAM,EACN,MAAM,GAAG,SAAS,EAClB,SAAS,EACT,GAAG,KAAK,EAIT;IACC,OAAO,SAAS,CAAC;QACf,MAAM;QACN,cAAc,EAAE,GAAG;QACnB,KAAK,EAAE;YACL,WAAW,EAAE,aAAa;YAC1B,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,MAAM,KAAK,MAAM,IAAI,WAAW,EAAE,SAAS,CAAC;YAC7E,GAAG,KAAK;SACT;KACF,CAAC,CAAA;AACJ,CAAC;AAED,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAA"}

package/dist/blocks/activity-row.d.ts

@@ -0,0 +1,42 @@
+import * as React from "react";
+import type { useRender } from "@base-ui/react/use-render";
+/**
+ * One line of activity: Home's "My Focus" row (#382, spec §4.7, Figma
+ * `11323:8714`, drawn there as "Grid Pulse").
+ *
+ * White, a 1px hairline, radius 12, 16 inside (the hairline drawn inside it, so
+ * the row is the frame's 54 tall), the content centred 20 apart: the time
+ * (Small, muted), a picture, one sentence (Body) and a teal "Open".
+ *
+ * ## The picture overhangs
+ *
+ * The frame lays the picture out in a 96 x 22 box (a Body line) and paints the
+ * 96 x 64 image centred on it, so it pokes 5px past the row's top and bottom
+ * and the row stays one line tall. Drawn the same way: a 22px box and an
+ * absolutely placed image. Decorative (`alt=""`); the sentence names the thing.
+ *
+ * ## Narrow widths
+ *
+ * The row lays out by its own width (a container query). Under 36rem the
+ * sentence wraps onto its own line under the picture (spec §4.12).
+ *
+ * The time is muted-strong rather than the frame's slate-500 (3.41:1): it is
+ * content (#232). The action is described by the row's sentence
+ * (`aria-describedby`), so a list of rows' "Open" links reads apart.
+ */
+declare function ActivityRow({ time, thumbnailSrc, actionLabel, href, render, className, children, ...props }: Omit<React.ComponentProps<"div">, "children"> & {
+    /** "Just now". Pass a `<time>` for a machine-readable date. */
+    time: React.ReactNode;
+    /** The creation's picture. */
+    thumbnailSrc?: string;
+    /** The sentence. */
+    children: React.ReactNode;
+    /** The action's words. Default "Open". */
+    actionLabel?: string;
+    /** Where the action goes. */
+    href?: string;
+    /** The action's element, for a router's link: `render={<Link href="…" />}`. */
+    render?: useRender.ComponentProps<"a">["render"];
+}): React.JSX.Element;
+export { ActivityRow };
+//# sourceMappingURL=activity-row.d.ts.map

package/dist/blocks/activity-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-row.d.ts","sourceRoot":"","sources":["../../src/blocks/activity-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAK1D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,iBAAS,WAAW,CAAC,EACnB,IAAI,EACJ,YAAY,EACZ,WAAoB,EACpB,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACjD,+DAA+D;IAC/D,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+EAA+E;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAA;CACjD,qBA2CA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/blocks/activity-row.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cloudgrid-cn.js";
+import { ActionLink } from "./action-link.js";
+/**
+ * One line of activity: Home's "My Focus" row (#382, spec §4.7, Figma
+ * `11323:8714`, drawn there as "Grid Pulse").
+ *
+ * White, a 1px hairline, radius 12, 16 inside (the hairline drawn inside it, so
+ * the row is the frame's 54 tall), the content centred 20 apart: the time
+ * (Small, muted), a picture, one sentence (Body) and a teal "Open".
+ *
+ * ## The picture overhangs
+ *
+ * The frame lays the picture out in a 96 x 22 box (a Body line) and paints the
+ * 96 x 64 image centred on it, so it pokes 5px past the row's top and bottom
+ * and the row stays one line tall. Drawn the same way: a 22px box and an
+ * absolutely placed image. Decorative (`alt=""`); the sentence names the thing.
+ *
+ * ## Narrow widths
+ *
+ * The row lays out by its own width (a container query). Under 36rem the
+ * sentence wraps onto its own line under the picture (spec §4.12).
+ *
+ * The time is muted-strong rather than the frame's slate-500 (3.41:1): it is
+ * content (#232). The action is described by the row's sentence
+ * (`aria-describedby`), so a list of rows' "Open" links reads apart.
+ */
+function ActivityRow({ time, thumbnailSrc, actionLabel = "Open", href, render, className, children, ...props }) {
+    const hasAction = href !== undefined || render !== undefined;
+    // Every row's action is "Open", so a screen reader's list of links would show
+    // N identical entries. The link is described by its own row's sentence.
+    const textId = React.useId();
+    return (_jsx("div", { "data-slot": "activity-row", className: cn("@container/activity-row rounded-md border border-hairline bg-card p-[15px] text-ink", className), ...props, children: _jsxs("div", { "data-slot": "activity-row-content", className: "flex items-center justify-center gap-5 @max-[36rem]/activity-row:flex-wrap @max-[36rem]/activity-row:justify-start", children: [_jsx("span", { "data-slot": "activity-row-time", className: "shrink-0 text-caption text-faint-strong", children: time }), thumbnailSrc !== undefined ? (_jsx("span", { "data-slot": "activity-row-thumbnail", className: "relative block h-[22px] w-24 shrink-0", children: _jsx("img", { src: thumbnailSrc, alt: "", decoding: "async", draggable: false, className: "absolute top-1/2 left-0 block h-16 w-24 -translate-y-1/2 rounded-xs object-cover" }) })) : null, _jsx("span", { id: textId, "data-slot": "activity-row-text", className: "min-w-0 text-body-sm @max-[36rem]/activity-row:basis-full", children: children }), hasAction ? (_jsx(ActionLink, { href: href, render: render, "aria-describedby": textId, className: "shrink-0", children: actionLabel })) : null] }) }));
+}
+export { ActivityRow };
+//# sourceMappingURL=activity-row.js.map

package/dist/blocks/activity-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-row.js","sourceRoot":"","sources":["../../src/blocks/activity-row.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,SAAS,WAAW,CAAC,EACnB,IAAI,EACJ,YAAY,EACZ,WAAW,GAAG,MAAM,EACpB,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAcT;IACC,MAAM,SAAS,GAAG,IAAI,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS,CAAA;IAC5D,8EAA8E;IAC9E,wEAAwE;IACxE,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;IAE5B,OAAO,CACL,2BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,qFAAqF,EAAE,SAAS,CAAC,KAC3G,KAAK,YAIT,4BACY,sBAAsB,EAChC,SAAS,EAAC,oHAAoH,aAEhI,4BAAgB,mBAAmB,EAAC,SAAS,EAAC,yCAAyC,YACpF,IAAI,GACA,EACN,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,CAC5B,4BAAgB,wBAAwB,EAAC,SAAS,EAAC,uCAAuC,YACxF,cACE,GAAG,EAAE,YAAY,EACjB,GAAG,EAAC,EAAE,EACN,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAE,KAAK,EAChB,SAAS,EAAC,kFAAkF,GAC5F,GACG,CACR,CAAC,CAAC,CAAC,IAAI,EACR,eAAM,EAAE,EAAE,MAAM,eAAY,mBAAmB,EAAC,SAAS,EAAC,2DAA2D,YAClH,QAAQ,GACJ,EACN,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,sBAAoB,MAAM,EAAE,SAAS,EAAC,UAAU,YACnF,WAAW,GACD,CACd,CAAC,CAAC,CAAC,IAAI,IACF,GACF,CACP,CAAA;AACH,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/blocks/add-tile.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+import { type EntityCardTileSize } from "./entity-card.js";
+/**
+ * The dashed Add tile at the end of a row of cards (#382, spec §4.4, Figma
+ * `11324:91317`).
+ *
+ * Home's My Creations ends its Recent row with it: beside a single card in the
+ * "one creation" frame, past the scroll in the "several" frame. It is the box
+ * of the card it sits beside, read from `ENTITY_CARD_TILE_BOX` so the two cannot
+ * differ, at radius 20 with the library's one dashed line, holding the 48px
+ * `cta` Add (`Button size="2xl"`) with its plus after the label.
+ *
+ * The tile is not itself the control: the button is, so the hit area and the
+ * focus ring are the button's, as drawn. With `href` it renders as a link
+ * through `linkComponent` (Next's `Link`) and keeps the link role, the shape
+ * `EmptyCreations` uses; with only `onClick` it is a button.
+ */
+declare function AddTile({ size, label, href, linkComponent, onClick, className, ...props }: Omit<React.ComponentProps<"div">, "children" | "onClick"> & {
+    /** The card box it matches: `tile-lg` 329x242 (default) or `tile` 250x184. */
+    size?: EntityCardTileSize;
+    /** The button's label, and so its accessible name. */
+    label?: string;
+    /** Where Add goes. Renders the control as a link. */
+    href?: string;
+    /** The element a link renders through, for a router's own link. */
+    linkComponent?: React.ElementType;
+    /** Called when Add is pressed. With `href` too, it runs before the navigation. */
+    onClick?: React.MouseEventHandler<HTMLElement>;
+}): React.JSX.Element;
+export { AddTile };
+//# sourceMappingURL=add-tile.d.ts.map

package/dist/blocks/add-tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-tile.d.ts","sourceRoot":"","sources":["../../src/blocks/add-tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAwB,KAAK,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAGzF;;;;;;;;;;;;;;GAcG;AACH,iBAAS,OAAO,CAAC,EACf,IAAgB,EAChB,KAAa,EACb,IAAI,EACJ,aAAa,EACb,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG;IAC7D,8EAA8E;IAC9E,IAAI,CAAC,EAAE,kBAAkB,CAAA;IACzB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACjC,kFAAkF;IAClF,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;CAC/C,qBAuCA;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/blocks/add-tile.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cloudgrid-cn.js";
+import { Button } from "../ui/button.js";
+import { DASHED_LINE_CLASS } from "./dashed-line.js";
+import { ENTITY_CARD_TILE_BOX } from "./entity-card.js";
+import { PlusIcon } from "./icons.js";
+/**
+ * The dashed Add tile at the end of a row of cards (#382, spec §4.4, Figma
+ * `11324:91317`).
+ *
+ * Home's My Creations ends its Recent row with it: beside a single card in the
+ * "one creation" frame, past the scroll in the "several" frame. It is the box
+ * of the card it sits beside, read from `ENTITY_CARD_TILE_BOX` so the two cannot
+ * differ, at radius 20 with the library's one dashed line, holding the 48px
+ * `cta` Add (`Button size="2xl"`) with its plus after the label.
+ *
+ * The tile is not itself the control: the button is, so the hit area and the
+ * focus ring are the button's, as drawn. With `href` it renders as a link
+ * through `linkComponent` (Next's `Link`) and keeps the link role, the shape
+ * `EmptyCreations` uses; with only `onClick` it is a button.
+ */
+function AddTile({ size = "tile-lg", label = "Add", href, linkComponent, onClick, className, ...props }) {
+    const Link = linkComponent ?? "a";
+    const content = (_jsxs(_Fragment, { children: [label, _jsx(PlusIcon, {})] }));
+    return (_jsx("div", { "data-slot": "add-tile", className: cn("flex shrink-0 items-center justify-center rounded-container", ENTITY_CARD_TILE_BOX[size], DASHED_LINE_CLASS, className), ...props, children: href !== undefined ? (_jsx(Button, { "data-slot": "add-tile-action", variant: "cta", size: "2xl", render: _jsx(Link, { href: href }), nativeButton: false, role: "link", onClick: onClick, children: content })) : (_jsx(Button, { "data-slot": "add-tile-action", variant: "cta", size: "2xl", type: "button", onClick: onClick, children: content })) }));
+}
+export { AddTile };
+//# sourceMappingURL=add-tile.js.map

package/dist/blocks/add-tile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-tile.js","sourceRoot":"","sources":["../../src/blocks/add-tile.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,oBAAoB,EAA2B,MAAM,2BAA2B,CAAA;AACzF,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE9C;;;;;;;;;;;;;;GAcG;AACH,SAAS,OAAO,CAAC,EACf,IAAI,GAAG,SAAS,EAChB,KAAK,GAAG,KAAK,EACb,IAAI,EACJ,aAAa,EACb,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EAYT;IACC,MAAM,IAAI,GAAsB,aAAa,IAAI,GAAG,CAAA;IACpD,MAAM,OAAO,GAAG,CACd,8BACG,KAAK,EACN,KAAC,QAAQ,KAAG,IACX,CACJ,CAAA;IAED,OAAO,CACL,2BACY,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,6DAA6D,EAC7D,oBAAoB,CAAC,IAAI,CAAC,EAC1B,iBAAiB,EACjB,SAAS,CACV,KACG,KAAK,YAER,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACpB,KAAC,MAAM,iBACK,iBAAiB,EAC3B,OAAO,EAAC,KAAK,EACb,IAAI,EAAC,KAAK,EACV,MAAM,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,EAC5B,YAAY,EAAE,KAAK,EACnB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,YAEf,OAAO,GACD,CACV,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,iBAAW,iBAAiB,EAAC,OAAO,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,YACxF,OAAO,GACD,CACV,GACG,CACP,CAAA;AACH,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/blocks/avatar-stack.d.ts

@@ -0,0 +1,40 @@
+import * as React from "react";
+import { useRender } from "@base-ui/react/use-render";
+import { type AvatarDiameter } from "./avatar.js";
+/**
+ * THE AVATAR STACK (#381): overlapping faces with a "+N" chip, as the
+ * CloudGrid-2026 header draws the people in a grid (frame 11493:9953).
+ *
+ * Measured: 32px faces, a 1.5px ring in the page colour inside each face, a
+ * 12px overlap (a 20px step), and the chip last and on top: the page colour,
+ * a 1px slate-500 line, 13px slate-500 text, as big as a face.
+ *
+ * The Console carried two local copies of this (`chrome/InviteControl.tsx`,
+ * `onboarding/invite/AvatarStack.tsx`); both move onto it.
+ *
+ * One accessible name for the whole stack, from `label`. The faces and the
+ * count are hidden, because the label says what they show ("Members, 6"). With
+ * `onClick` it is a button, with `href` an anchor, with neither a named image,
+ * and with no label it is decorative.
+ */
+export type AvatarStackPerson = {
+    name: string;
+    seed?: string;
+    src?: string;
+};
+declare function AvatarStack({ people, max, size, label, href, onClick, render, className, ...props }: Omit<useRender.ComponentProps<"span">, "children"> & {
+    /** Who is in the stack, in the order they are drawn, first leftmost. */
+    people: readonly AvatarStackPerson[];
+    /** Faces drawn before the chip. Default 3; anything below 1 draws one. */
+    max?: number;
+    /** The diameter of every face and of the chip. Default 32, the frame's. */
+    size?: AvatarDiameter;
+    /** The accessible name of the whole stack, e.g. "Members, 6". */
+    label?: string;
+    /** Renders an anchor. */
+    href?: string;
+    /** Renders a `<button type="button">`. */
+    onClick?: React.MouseEventHandler<HTMLElement>;
+}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export { AvatarStack };
+//# sourceMappingURL=avatar-stack.d.ts.map

package/dist/blocks/avatar-stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-stack.d.ts","sourceRoot":"","sources":["../../src/blocks/avatar-stack.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAGrD,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAElE;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAI7E,iBAAS,WAAW,CAAC,EACnB,MAAM,EACN,GAAO,EACP,IAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,EACP,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IACtD,wEAAwE;IACxE,MAAM,EAAE,SAAS,iBAAiB,EAAE,CAAA;IACpC,0EAA0E;IAC1E,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,2EAA2E;IAC3E,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0CAA0C;IAC1C,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;CAC/C,iFAmEA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/blocks/avatar-stack.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { useRender } from "@base-ui/react/use-render";
+import { cn } from "../lib/cloudgrid-cn.js";
+import { Avatar } from "./avatar.js";
+const OVERLAP = "-ml-3";
+function AvatarStack({ people, max = 3, size = 32, label, href, onClick, render, className, ...props }) {
+    const shown = Math.min(people.length, Math.max(1, Math.floor(max)));
+    const rest = people.length - shown;
+    const interactive = Boolean(render || href || onClick);
+    const tag = href ? "a" : onClick ? "button" : "span";
+    // An interactive stack is never nameless: without a label it says its head count.
+    const name = label ?? (interactive ? `${people.length} ${people.length === 1 ? "person" : "people"}` : undefined);
+    const element = useRender({
+        render,
+        defaultTagName: tag,
+        props: {
+            "data-slot": "avatar-stack",
+            ...(tag === "button" && !render ? { type: "button" } : {}),
+            ...(href ? { href } : {}),
+            ...(onClick ? { onClick } : {}),
+            ...(interactive
+                ? { "aria-label": name }
+                : label
+                    ? { role: "img", "aria-label": label }
+                    : { "aria-hidden": true }),
+            className: cn("inline-flex items-center text-ink no-underline", interactive &&
+                "cursor-pointer rounded-pill focus-visible:ring-3 focus-visible:ring-ring focus-visible:outline-none", className),
+            children: (_jsxs(_Fragment, { children: [people.slice(0, shown).map((person, i) => (_jsxs("span", { "data-slot": "avatar-stack-face", "aria-hidden": "true", className: cn("relative inline-flex shrink-0 rounded-pill", i > 0 && OVERLAP), children: [_jsx(Avatar, { name: person.name, seed: person.seed, src: person.src, size: size }), _jsx("span", { "data-slot": "avatar-stack-ring", className: "pointer-events-none absolute inset-0 rounded-pill", style: {
+                                    boxShadow: "inset 0 0 0 var(--cg-border-width-strong) var(--cg-surface-page)",
+                                } })] }, `${person.seed ?? person.name}-${i}`))), rest > 0 ? (_jsxs("span", { "data-slot": "avatar-stack-more", "aria-hidden": "true", className: cn("relative inline-flex shrink-0 items-center justify-center rounded-pill border border-steel bg-page text-caption text-steel", OVERLAP), style: { width: size, height: size }, children: ["+", rest] })) : null] })),
+            ...props,
+        },
+    });
+    if (people.length === 0)
+        return null;
+    return element;
+}
+export { AvatarStack };
+//# sourceMappingURL=avatar-stack.js.map

package/dist/blocks/avatar-stack.js.map

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

package/dist/blocks/avatar.d.ts

@@ -59,7 +59,7 @@
  * alone with no name in the markup.
  */
 /**
- * The ramp: 18, 24, 32, 38. The rung IS the diameter.
+ * The ramp: 18, 24, 32, 38, 56, 64. The rung IS the diameter.
  *
  * ## Why the letters went away (#212)
  *
@@ -92,8 +92,8 @@
  * 56 (cloudgrid-console#944), and `AvatarPicker` renders that picture through
  * this ramp. There is no letter for it, for the reason there is none for 32.
  */
-export declare const AVATAR_DIAMETERS: readonly [18, 24, 32, 38, 56];
-/** 18, 24, 32, 38 or 56 across. */
+export declare const AVATAR_DIAMETERS: readonly [18, 24, 32, 38, 56, 64];
+/** 18, 24, 32, 38, 56 or 64 across. */
 export type AvatarDiameter = (typeof AVATAR_DIAMETERS)[number];
 /**
  * The 0.26 letter names, and what each one was worth in pixels.
@@ -117,7 +117,28 @@ export declare const AVATAR_SIZES: {
 };
 /** @deprecated Use `AvatarDiameter`. Removed in 0.29. See #216. */
 export type AvatarSize = keyof typeof AVATAR_SIZES;
-declare function Avatar({ name, seed, src, alt, size, monogram, className, style, ...props }: Omit<React.ComponentProps<"span">, "children"> & {
+/**
+ * #381 — THE GRID AVATAR of the CloudGrid-2026 header: a rounded square on a
+ * pastel ground with one Ink letter (frames 11323:8600, 11324:90635, 11324:90641).
+ *
+ * The pastel is picked by `entityIdentitySeed`, the library's one identity hash,
+ * so a grid keeps the same pastel at every size and shape, for every member,
+ * on every screen. The letters are Ink and do not flip: the pastels are
+ * identity colours declared at `:root` only, so on a purple panel the mark
+ * keeps its ground and its letter rather than inverting into a second look.
+ * Measured: 12.02:1, 10.74:1 and 11.43:1.
+ *
+ * The frames draw "A" for Atomic Labs, so the pastel look draws ONE letter, the
+ * first of the name; an explicit `monogram` still wins. Letters are Manrope
+ * Regular at 15/32 of the box (15px at 32, as the frame).
+ */
+export declare const AVATAR_PASTELS: readonly ["--cg-avatar-pastel-1", "--cg-avatar-pastel-2", "--cg-avatar-pastel-3"];
+export type AvatarPastel = (typeof AVATAR_PASTELS)[number];
+export type AvatarShape = "circle" | "square";
+export type AvatarLook = "identity" | "pastel";
+/** The pastel a seed lands on: the same hash the identity look reads. */
+export declare function avatarPastel(seed: string): AvatarPastel;
+declare function Avatar({ name, seed, src, alt, size, monogram, shape, look: lookName, className, style, ...props }: Omit<React.ComponentProps<"span">, "children"> & {
     /** Whose mark this is. Read for the initials, and for the hue unless `seed` is given. */
     name: string;
     /**
@@ -136,7 +157,8 @@ declare function Avatar({ name, seed, src, alt, size, monogram, className, style
      */
     alt?: string;
     /**
-     * The diameter: `18`, `24`, `32`, `38` or `56`.
+     * The diameter: `18`, `24`, `32`, `38`, `56` or `64` (#381, the account
+     * menu's header).
      *
      * The 0.26 letters — `'s'`, `'m'`, `'l'` — still resolve to 18, 24 and 38
      * through 0.28. They are deprecated; see `AVATAR_DIAMETERS`.
@@ -144,6 +166,10 @@ declare function Avatar({ name, seed, src, alt, size, monogram, className, style
     size?: AvatarDiameter | AvatarSize;
     /** Overrides the derived initials, for a name they read badly from. */
     monogram?: string;
+    /** `circle` (the default) or `square`, the grid avatar's rounded square (#381). */
+    shape?: AvatarShape;
+    /** `identity` (the default) or `pastel`, the grid avatar's pastel ground and Ink letter (#381). */
+    look?: AvatarLook;
 }): import("react").JSX.Element;
 export { Avatar };
 //# sourceMappingURL=avatar.d.ts.map

package/dist/blocks/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/blocks/avatar.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,gBAAgB,+BAAgC,CAAA;AAE7D,mCAAmC;AACnC,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE9D;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,YAAY;;;;CAIf,CAAA;AAEV,mEAAmE;AACnE,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,YAAY,CAAA;AAgBlD,iBAAS,MAAM,CAAC,EACd,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,GAAG,EACH,IAAS,EACT,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAClD,yFAAyF;IACzF,IAAI,EAAE,MAAM,CAAA;IACZ;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4EAA4E;IAC5E,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,GAAG,UAAU,CAAA;IAClC,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,+BA2DA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/blocks/avatar.tsx"],"names":[],"mappings":"AAOA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,gBAAgB,mCAAoC,CAAA;AAEjE,uCAAuC;AACvC,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE9D;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,YAAY;;;;CAIf,CAAA;AAEV,mEAAmE;AACnE,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,YAAY,CAAA;AAgBlD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,cAAc,mFAIjB,CAAA;AAEV,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAC1D,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAC7C,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAA;AAE9C,yEAAyE;AACzE,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAEvD;AAuBD,iBAAS,MAAM,CAAC,EACd,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,GAAG,EACH,IAAS,EACT,QAAQ,EACR,KAAgB,EAChB,IAAI,EAAE,QAAqB,EAC3B,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAClD,yFAAyF;IACzF,IAAI,EAAE,MAAM,CAAA;IACZ;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4EAA4E;IAC5E,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,cAAc,GAAG,UAAU,CAAA;IAClC,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mFAAmF;IACnF,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,mGAAmG;IACnG,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,+BAoEA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}