@kouji-ui/core 0.0.4 → 0.1.1

package/src/typography/muted.ts

@@ -0,0 +1,29 @@
+import { Directive } from '@angular/core';
+
+/**
+ * Reduces a phrasing element's colour intensity to the muted token so the
+ * text reads as secondary information against the primary text. Reflects
+ * `data-tone="muted"`; the kouji theme layer owns the actual colour mix and
+ * is verified against the AAA contrast bar (≥ 7:1) on `base-100`,
+ * `base-200`, and `base-300` page backgrounds.
+ *
+ * Works on any phrasing element (`<span>`, `<small>`, `<p>`, `<em>`).
+ *
+ * @example
+ * ```html
+ * <p>Primary text. <small kjMuted>Secondary info.</small></p>
+ * <p kjMuted>Standalone muted paragraph.</p>
+ * ```
+ * @doc-category Core/Data display
+ * @doc
+ * @doc-name typography
+ */
+@Directive({
+  selector: '[kjMuted]',
+  standalone: true,
+  exportAs: 'kjMuted',
+  host: {
+    '[attr.data-tone]': '"muted"',
+  },
+})
+export class KjMuted {}

package/src/typography/prose.css

@@ -0,0 +1,312 @@
+/* ─────────────────────────────────────────────────────────────
+   kouji-ui Typography — `kj-prose` container + tone reflections
+   --------------------------------------------------------------
+   Apply `.kj-prose` to a container element to restyle every
+   descendant `h1`–`h6`, `p`, `a`, `blockquote`, `code`, `pre`,
+   `ul`, `ol`, `li`, `dl`, `dt`, `dd`, `hr`, `figure`,
+   `figcaption`, `table`, `strong`, `em`, `kbd` according to the
+   kouji type system.
+
+   The five attribute directives (`kjLead`, `kjMuted`, `kjCode`,
+   `kjBlockquote`, `kjTruncate`) reflect `data-tone` /
+   `data-truncate` host attributes; the rules below key off those
+   attributes so the same styling applies whether the consumer
+   used the directive, hand-typed `data-tone="muted"` on a span,
+   or wrapped a subtree in `.kj-prose`.
+
+   Tokens read from the kouji theme layer:
+     --kj-bg-body / surface / elevated ......... background scale
+     --kj-fg-default ........................... primary text
+     --kj-fg-muted ............................. secondary text (≥ 7:1)
+     --kj-border-default / muted ............... separators / rules
+     --kj-color-link ........................... anchor colour
+     --kj-color-link-visited ................... visited anchor
+     --kj-font-sans / --kj-font-mono / --kj-font-display
+     --kj-font-size-xs / sm / md / lg / xl / 2xl / 3xl / 4xl
+     --kj-line-height-tight / snug / normal / relaxed / loose
+     --kj-radius-sm / md
+     --kj-prose-max-width ...................... opt-out for CJK
+   ───────────────────────────────────────────────────────────── */
+
+@layer kj.prose {
+  .kj-prose {
+    color: var(--kj-fg-default);
+    font-family: var(--kj-font-sans);
+    font-size: var(--kj-font-size-md, 1rem);
+    line-height: var(--kj-line-height-relaxed, 1.7);
+    max-width: var(--kj-prose-max-width, 65ch);
+    text-align: start;
+  }
+
+  /* ── Block rhythm: vertical margins between adjacent flow elements ── */
+  .kj-prose > * + * {
+    margin-block-start: 1em;
+  }
+
+  .kj-prose > :first-child {
+    margin-block-start: 0;
+  }
+
+  .kj-prose > :last-child {
+    margin-block-end: 0;
+  }
+
+  /* ── Headings ────────────────────────────────────────────── */
+  .kj-prose h1,
+  .kj-prose h2,
+  .kj-prose h3,
+  .kj-prose h4,
+  .kj-prose h5,
+  .kj-prose h6 {
+    color: var(--kj-fg-default);
+    font-family: var(--kj-font-display, var(--kj-font-sans));
+    font-weight: 600;
+    line-height: var(--kj-line-height-tight, 1.2);
+    margin-block-start: 1.6em;
+    margin-block-end: 0.6em;
+  }
+
+  .kj-prose h1 {
+    font-size: var(--kj-font-size-4xl, 2.25rem);
+    font-weight: 700;
+    line-height: var(--kj-line-height-tight, 1.1);
+  }
+
+  .kj-prose h2 {
+    font-size: var(--kj-font-size-3xl, 1.875rem);
+  }
+
+  .kj-prose h3 {
+    font-size: var(--kj-font-size-2xl, 1.5rem);
+  }
+
+  .kj-prose h4 {
+    font-size: var(--kj-font-size-xl, 1.25rem);
+  }
+
+  .kj-prose h5 {
+    font-size: var(--kj-font-size-lg, 1.125rem);
+  }
+
+  .kj-prose h6 {
+    font-size: var(--kj-font-size-md, 1rem);
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+  }
+
+  /* ── Paragraphs ──────────────────────────────────────────── */
+  .kj-prose p {
+    line-height: var(--kj-line-height-relaxed, 1.7);
+  }
+
+  /* ── Anchors ─────────────────────────────────────────────── */
+  .kj-prose a {
+    color: var(--kj-fg-primary);
+    text-decoration: underline;
+    text-underline-offset: 0.2em;
+  }
+
+  .kj-prose a:visited {
+    color: var(--kj-fg-accent);
+  }
+
+  .kj-prose a:hover {
+    text-decoration-thickness: 2px;
+  }
+
+  /* ── Lists ───────────────────────────────────────────────── */
+  .kj-prose ul,
+  .kj-prose ol {
+    padding-inline-start: 1.5em;
+  }
+
+  .kj-prose ul {
+    list-style: disc;
+  }
+
+  .kj-prose ol {
+    list-style: decimal;
+  }
+
+  .kj-prose li {
+    margin-block-start: 0.4em;
+    line-height: var(--kj-line-height-relaxed, 1.7);
+  }
+
+  .kj-prose li > ul,
+  .kj-prose li > ol {
+    margin-block-start: 0.4em;
+  }
+
+  /* ── Definition lists ────────────────────────────────────── */
+  .kj-prose dt {
+    font-weight: 600;
+    margin-block-start: 0.8em;
+  }
+
+  .kj-prose dd {
+    margin-inline-start: 1.5em;
+  }
+
+  /* ── Blockquote ──────────────────────────────────────────── */
+  .kj-prose blockquote {
+    border-inline-start: 4px solid var(--kj-border-muted, currentColor);
+    color: var(--kj-fg-muted, var(--kj-fg-default));
+    font-style: italic;
+    margin-inline: 0;
+    padding-inline-start: 1em;
+  }
+
+  /* ── Code (inline + block) ───────────────────────────────── */
+  .kj-prose code {
+    background-color: var(--kj-bg-surface, transparent);
+    border-radius: var(--kj-radius-sm, 4px);
+    font-family: var(--kj-font-mono);
+    font-size: 0.9em;
+    padding-block: 0.1em;
+    padding-inline: 0.35em;
+  }
+
+  .kj-prose pre {
+    background-color: var(--kj-bg-surface, transparent);
+    border-radius: var(--kj-radius-md, 6px);
+    color: var(--kj-fg-default);
+    font-family: var(--kj-font-mono);
+    line-height: var(--kj-line-height-snug, 1.45);
+    overflow-x: auto;
+    padding: 1em;
+  }
+
+  .kj-prose pre code {
+    background-color: transparent;
+    border-radius: 0;
+    font-size: inherit;
+    padding: 0;
+  }
+
+  /* ── Horizontal rule ─────────────────────────────────────── */
+  .kj-prose hr {
+    background-color: var(--kj-border-default, currentColor);
+    border: 0;
+    height: 1px;
+    margin-block: 2em;
+  }
+
+  /* ── Figures ─────────────────────────────────────────────── */
+  .kj-prose figure {
+    margin-inline: 0;
+  }
+
+  .kj-prose figcaption {
+    color: var(--kj-fg-muted, var(--kj-fg-default));
+    font-size: var(--kj-font-size-sm, 0.875rem);
+    margin-block-start: 0.5em;
+    text-align: center;
+  }
+
+  /* ── Tables ──────────────────────────────────────────────── */
+  .kj-prose table {
+    border-collapse: collapse;
+    font-size: var(--kj-font-size-sm, 0.9em);
+    width: 100%;
+  }
+
+  .kj-prose thead {
+    border-block-end: 2px solid var(--kj-border-default, currentColor);
+  }
+
+  .kj-prose th,
+  .kj-prose td {
+    border-block-end: 1px solid var(--kj-border-muted, currentColor);
+    padding-block: 0.5em;
+    padding-inline: 0.75em;
+    text-align: start;
+    vertical-align: top;
+  }
+
+  .kj-prose th {
+    font-weight: 600;
+  }
+
+  /* ── Inline emphasis ─────────────────────────────────────── */
+  .kj-prose strong {
+    font-weight: 700;
+  }
+
+  .kj-prose em {
+    font-style: italic;
+  }
+
+  /* ── Size modifiers ──────────────────────────────────────── */
+  .kj-prose-sm {
+    font-size: var(--kj-font-size-sm, 0.875rem);
+    line-height: var(--kj-line-height-normal, 1.6);
+  }
+
+  .kj-prose-lg {
+    font-size: var(--kj-font-size-lg, 1.125rem);
+    line-height: var(--kj-line-height-loose, 1.8);
+  }
+}
+
+/* ──────────────────────────────────────────────────────────────
+   Tone reflections — applied by directives via `[data-tone]`,
+   readable in or out of a `.kj-prose` container.
+   ────────────────────────────────────────────────────────────── */
+
+@layer kj.tone {
+  [data-tone='lead'] {
+    color: var(--kj-fg-muted, var(--kj-fg-default));
+    font-size: var(--kj-font-size-lg, 1.125rem);
+    line-height: var(--kj-line-height-relaxed, 1.7);
+  }
+
+  [data-tone='muted'] {
+    color: var(--kj-fg-muted, var(--kj-fg-default));
+  }
+
+  [data-tone='code'] {
+    background-color: var(--kj-bg-surface, transparent);
+    border-radius: var(--kj-radius-sm, 4px);
+    font-family: var(--kj-font-mono);
+    font-size: 0.9em;
+    padding-block: 0.1em;
+    padding-inline: 0.35em;
+  }
+
+  [data-tone='blockquote'] {
+    border-inline-start: 4px solid var(--kj-border-muted, currentColor);
+    color: var(--kj-fg-muted, var(--kj-fg-default));
+    font-style: italic;
+    margin-inline: 0;
+    padding-inline-start: 1em;
+  }
+}
+
+/* ──────────────────────────────────────────────────────────────
+   Truncate — single-line ellipsis (data-truncate="1") and
+   multi-line clamp (data-truncate="2"+).
+   ────────────────────────────────────────────────────────────── */
+
+@layer kj.truncate {
+  [data-truncate='1'] {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  /* Multi-line clamp. Modern `attr(data-truncate type(<number>))` works in
+     Chromium 133+ but doesn't ship in every WebKit-based engine yet, so
+     enumerate the common counts (2..6) explicitly — covers card / list
+     description copy without needing engine fallback gymnastics. */
+  [data-truncate]:not([data-truncate='1']) {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
+  [data-truncate='2'] { -webkit-line-clamp: 2; line-clamp: 2; }
+  [data-truncate='3'] { -webkit-line-clamp: 3; line-clamp: 3; }
+  [data-truncate='4'] { -webkit-line-clamp: 4; line-clamp: 4; }
+  [data-truncate='5'] { -webkit-line-clamp: 5; line-clamp: 5; }
+  [data-truncate='6'] { -webkit-line-clamp: 6; line-clamp: 6; }
+}

package/src/typography/truncate.ts

@@ -0,0 +1,99 @@
+import {
+  Directive,
+  ElementRef,
+  afterNextRender,
+  inject,
+  isDevMode,
+  input,
+} from '@angular/core';
+
+/**
+ * Clamps the host element's text content to a fixed number of lines.
+ *
+ * - `kjTruncate="1"` (default) — single-line ellipsis using
+ *   `text-overflow: ellipsis`.
+ * - `kjTruncate="2"` and above — multi-line clamp using
+ *   `-webkit-line-clamp: N`.
+ *
+ * The directive reflects `[attr.data-truncate]` so the kouji CSS layer can
+ * apply the right rules. After the first render it reads the host's
+ * `textContent` and writes a normalised `[attr.title]` **only** when the
+ * consumer has not supplied a `title` or `aria-label`. This is the
+ * *belt-and-braces* affordance for sighted-but-zoomed users — AT users
+ * read the full text from the accessibility tree, which is unaffected by
+ * the visual clamp on modern browser/AT pairings.
+ *
+ * The directive does *not* install a `MutationObserver` to chase content
+ * changes; if the projected text changes after first render, the consumer
+ * is responsible for refreshing `title` themselves.
+ *
+ * @example
+ * ```html
+ * <p kjTruncate>Single-line truncation with auto-tooltip.</p>
+ * <p [kjTruncate]="3">Three-line clamp for a card description.</p>
+ * <p kjTruncate title="Custom tooltip">Consumer title wins.</p>
+ * ```
+ * @doc-category Core/Data display
+ * @doc
+ * @doc-name typography
+ */
+@Directive({
+  selector: '[kjTruncate]',
+  standalone: true,
+  exportAs: 'kjTruncate',
+  host: {
+    '[attr.data-truncate]': 'kjTruncate()',
+  },
+})
+export class KjTruncate {
+  private readonly el = inject<ElementRef<HTMLElement>>(ElementRef);
+
+  /**
+   * Number of visible lines before truncation kicks in. `1` produces a
+   * single-line ellipsis; values ≥ `2` produce a multi-line clamp. `0` and
+   * negative values are dev-mode warnings — omit the directive instead.
+   * Defaults to `1`.
+   */
+  readonly kjTruncate = input(1, {
+    transform: (value: number | string | undefined) => {
+      const n = typeof value === 'string' ? Number(value) : (value ?? 1);
+      return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 1;
+    },
+  });
+
+  constructor() {
+    afterNextRender(() => {
+      const host = this.el.nativeElement;
+
+      if (isDevMode()) {
+        // Re-validate the raw input shape: the transform clamps invalid values
+        // to `1`, but we still want to flag intent so the consumer fixes the
+        // template rather than silently getting a single-line clamp. A bare
+        // `kjTruncate` attribute (no value, the documented single-line
+        // default) is allowed and skipped.
+        const raw = host.getAttribute('kjTruncate') ?? host.getAttribute('kjtruncate');
+        if (raw !== null && raw !== '') {
+          const parsed = Number(raw);
+          if (!Number.isFinite(parsed) || parsed < 1) {
+            console.warn(
+              `[kj] kjTruncate received "${raw}". Use a positive integer ` +
+                `(1 = single-line ellipsis, 2+ = multi-line clamp), or omit ` +
+                `the directive entirely.`,
+            );
+          }
+        }
+      }
+
+      const hasTitle = host.hasAttribute('title');
+      const hasAriaLabel = host.hasAttribute('aria-label');
+      if (hasTitle || hasAriaLabel) {
+        return;
+      }
+
+      const text = (host.textContent ?? '').trim().replace(/\s+/g, ' ');
+      if (text.length > 0) {
+        host.setAttribute('title', text);
+      }
+    });
+  }
+}

package/src/typography/typography.spec.ts

@@ -0,0 +1,203 @@
+import { render } from '@testing-library/angular';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { KjBlockquote } from './blockquote';
+import { KjCode } from './code';
+import { KjLead } from './lead';
+import { KjMuted } from './muted';
+import { KjTruncate } from './truncate';
+
+/**
+ * Flush microtasks + the rAF that backs `afterNextRender` so the directives'
+ * dev-mode host inspections and `KjTruncate`'s `title` injection have a
+ * chance to run.
+ */
+async function flushAfterNextRender(): Promise<void> {
+  await new Promise<void>((resolve) => setTimeout(resolve, 0));
+  await Promise.resolve();
+  await Promise.resolve();
+}
+
+describe('Typography directives', () => {
+  afterEach(() => vi.restoreAllMocks());
+
+  describe('KjLead', () => {
+    it('reflects data-tone="lead" on the host', async () => {
+      const { container } = await render(`<p kjLead>Lead paragraph.</p>`, {
+        imports: [KjLead],
+      });
+      await flushAfterNextRender();
+      expect(container.querySelector('p')).toHaveAttribute('data-tone', 'lead');
+    });
+
+    it('does not warn on a <p> host', async () => {
+      const warn = vi.spyOn(console, 'warn').mockImplementation(() => {});
+      await render(`<p kjLead>Lead.</p>`, { imports: [KjLead] });
+      await flushAfterNextRender();
+      const matched = warn.mock.calls.some((c) => /kjLead applied to/i.test(String(c[0])));
+      expect(matched).toBe(false);
+    });
+
+    it('warns when applied to a non-<p> host', async () => {
+      const warn = vi.spyOn(console, 'warn').mockImplementation(() => {});
+      await render(`<span kjLead>Lead-ish.</span>`, { imports: [KjLead] });
+      await flushAfterNextRender();
+      const matched = warn.mock.calls.some((c) => {
+        const msg = String(c[0]);
+        return /kjLead applied to <span>/i.test(msg) && /<p>/.test(msg);
+      });
+      expect(matched).toBe(true);
+    });
+  });
+
+  describe('KjMuted', () => {
+    it('reflects data-tone="muted" on the host', async () => {
+      const { container } = await render(`<small kjMuted>Meta line.</small>`, {
+        imports: [KjMuted],
+      });
+      expect(container.querySelector('small')).toHaveAttribute('data-tone', 'muted');
+    });
+
+    it('works on any phrasing element (<span>)', async () => {
+      const { container } = await render(`<span kjMuted>Note</span>`, {
+        imports: [KjMuted],
+      });
+      expect(container.querySelector('span')).toHaveAttribute('data-tone', 'muted');
+    });
+  });
+
+  describe('KjCode', () => {
+    it('reflects data-tone="code" on the host', async () => {
+      const { container } = await render(`<code kjCode>npm install</code>`, {
+        imports: [KjCode],
+      });
+      await flushAfterNextRender();
+      expect(container.querySelector('code')).toHaveAttribute('data-tone', 'code');
+    });
+
+    it('does not warn on a <code> host', async () => {
+      const warn = vi.spyOn(console, 'warn').mockImplementation(() => {});
+      await render(`<code kjCode>x</code>`, { imports: [KjCode] });
+      await flushAfterNextRender();
+      const matched = warn.mock.calls.some((c) => /kjCode applied to/i.test(String(c[0])));
+      expect(matched).toBe(false);
+    });
+
+    it('warns when applied to a non-<code> host (e.g. <span>)', async () => {
+      const warn = vi.spyOn(console, 'warn').mockImplementation(() => {});
+      await render(`<span kjCode>x</span>`, { imports: [KjCode] });
+      await flushAfterNextRender();
+      const matched = warn.mock.calls.some((c) => {
+        const msg = String(c[0]);
+        return /kjCode applied to <span>/i.test(msg) && /<code>/.test(msg);
+      });
+      expect(matched).toBe(true);
+    });
+  });
+
+  describe('KjBlockquote', () => {
+    it('reflects data-tone="blockquote" on the host', async () => {
+      const { container } = await render(`<blockquote kjBlockquote>Quote</blockquote>`, {
+        imports: [KjBlockquote],
+      });
+      await flushAfterNextRender();
+      expect(container.querySelector('blockquote')).toHaveAttribute(
+        'data-tone',
+        'blockquote',
+      );
+    });
+
+    it('does not warn on a <blockquote> host', async () => {
+      const warn = vi.spyOn(console, 'warn').mockImplementation(() => {});
+      await render(`<blockquote kjBlockquote>x</blockquote>`, {
+        imports: [KjBlockquote],
+      });
+      await flushAfterNextRender();
+      const matched = warn.mock.calls.some((c) =>
+        /kjBlockquote applied to/i.test(String(c[0])),
+      );
+      expect(matched).toBe(false);
+    });
+
+    it('warns when applied to a non-<blockquote> host (e.g. <div>)', async () => {
+      const warn = vi.spyOn(console, 'warn').mockImplementation(() => {});
+      await render(`<div kjBlockquote>x</div>`, { imports: [KjBlockquote] });
+      await flushAfterNextRender();
+      const matched = warn.mock.calls.some((c) => {
+        const msg = String(c[0]);
+        return /kjBlockquote applied to <div>/i.test(msg) && /<blockquote>/.test(msg);
+      });
+      expect(matched).toBe(true);
+    });
+  });
+
+  describe('KjTruncate', () => {
+    it('defaults to data-truncate="1"', async () => {
+      const { container } = await render(`<p kjTruncate>Some long text.</p>`, {
+        imports: [KjTruncate],
+      });
+      await flushAfterNextRender();
+      expect(container.querySelector('p')).toHaveAttribute('data-truncate', '1');
+    });
+
+    it('reflects [kjTruncate]="3" as data-truncate="3"', async () => {
+      const { container } = await render(
+        `<p [kjTruncate]="3">Some long text spanning multiple lines.</p>`,
+        { imports: [KjTruncate] },
+      );
+      await flushAfterNextRender();
+      expect(container.querySelector('p')).toHaveAttribute('data-truncate', '3');
+    });
+
+    it('injects [title] from textContent when consumer has not supplied title/aria-label', async () => {
+      const { container } = await render(
+        `<p kjTruncate>Atlas helps engineering teams plan.</p>`,
+        { imports: [KjTruncate] },
+      );
+      await flushAfterNextRender();
+      expect(container.querySelector('p')).toHaveAttribute(
+        'title',
+        'Atlas helps engineering teams plan.',
+      );
+    });
+
+    it('normalises whitespace (trim + collapse runs) when injecting title', async () => {
+      const { container } = await render(
+        `<p kjTruncate>   Lots    of\n   whitespace   </p>`,
+        { imports: [KjTruncate] },
+      );
+      await flushAfterNextRender();
+      expect(container.querySelector('p')).toHaveAttribute(
+        'title',
+        'Lots of whitespace',
+      );
+    });
+
+    it('does not overwrite a consumer-supplied title', async () => {
+      const { container } = await render(
+        `<p kjTruncate title="Custom tooltip">The visible text.</p>`,
+        { imports: [KjTruncate] },
+      );
+      await flushAfterNextRender();
+      expect(container.querySelector('p')).toHaveAttribute('title', 'Custom tooltip');
+    });
+
+    it('does not inject title when aria-label is consumer-supplied', async () => {
+      const { container } = await render(
+        `<p kjTruncate aria-label="Friendly summary">The visible text.</p>`,
+        { imports: [KjTruncate] },
+      );
+      await flushAfterNextRender();
+      const host = container.querySelector('p');
+      expect(host).not.toHaveAttribute('title');
+      expect(host).toHaveAttribute('aria-label', 'Friendly summary');
+    });
+
+    it('does not set title when textContent is empty', async () => {
+      const { container } = await render(`<p kjTruncate></p>`, {
+        imports: [KjTruncate],
+      });
+      await flushAfterNextRender();
+      expect(container.querySelector('p')).not.toHaveAttribute('title');
+    });
+  });
+});

package/tsconfig.lib.json

@@ -9,5 +9,13 @@
     "types": []
   },
   "include": ["src/**/*.ts"],
-  "exclude": ["**/*.spec.ts"]
+  "exclude": ["**/*.spec.ts"],
+  "angularCompilerOptions": {
+    "extendedDiagnostics": {
+      "checks": {
+        "nullishCoalescingNotNullable": "suppress",
+        "optionalChainNotNullable": "suppress"
+      }
+    }
+  }
 }

package/tsconfig.lib.prod.json

@@ -6,6 +6,12 @@
     "declarationMap": false
   },
   "angularCompilerOptions": {
-    "compilationMode": "partial"
+    "compilationMode": "partial",
+    "extendedDiagnostics": {
+      "checks": {
+        "nullishCoalescingNotNullable": "suppress",
+        "optionalChainNotNullable": "suppress"
+      }
+    }
   }
 }

package/tsconfig.spec.json

@@ -6,5 +6,13 @@
     "outDir": "../../out-tsc/spec",
     "types": ["vitest/globals"]
   },
-  "include": ["src/**/*.d.ts", "src/**/*.spec.ts"]
+  "include": ["src/**/*.d.ts", "src/**/*.spec.ts"],
+  "angularCompilerOptions": {
+    "extendedDiagnostics": {
+      "checks": {
+        "nullishCoalescingNotNullable": "suppress",
+        "optionalChainNotNullable": "suppress"
+      }
+    }
+  }
 }