@hjmds/design-contracts 1.46.1 → 1.48.0

package/dist/share-sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-sheet.js","sourceRoot":"","sources":["../src/share-sheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAkE,MAAM,mBAAmB,CAAC;AAmE7H,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,uGAAuG;IACvG,IAAI,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAgD;IACjG,+FAA+F;IAC/F,OAAO,EAAE,IAAuB;IAChC,SAAS,EAAE,IAAuB;IAClC,8GAA8G;IAC9G,SAAS,EAAE,MAAyB;IACpC,gBAAgB,EAAE,IAAuB;IACzC,YAAY,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE;IAClD,oBAAoB,EAAE,SAA+B;IACrD,UAAU,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE;IAC9C;;;OAGG;IACH,MAAM,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,cAAc,EAAE,CAAqC,EAAE;CAC/E,CAAC;AAEX,MAAM,UAAU,kBAAkB,CAAC,KAA0E;IAC3G,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE;QAAE,MAAM,IAAI,SAAS,CAAC,oCAAoC,CAAC,CAAC;IACnF,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE;QAAE,MAAM,IAAI,SAAS,CAAC,mCAAmC,CAAC,CAAC;IACjF,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;QACxD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YAAE,MAAM,IAAI,SAAS,CAAC,qBAAqB,GAAG,yBAAyB,CAAC,CAAC;IACzH,CAAC;AACH,CAAC;AAED,qHAAqH;AACrH,MAAM,UAAU,0BAA0B,CAA6C,KAAsB,EAAE,KAAa;IAC1H,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,iBAAiB,EAAE,CAAC;IAChD,IAAI,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IAC1B,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/E,CAAC;AAED,qGAAqG;AACrG,MAAM,UAAU,4BAA4B,CAAC,KAA+C;IAC1F,IAAI,KAAK,CAAC,MAAM;QAAE,wBAAwB,CAAC,KAAK,CAAC,CAAC;AACpD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,4BAA4B,CAAC,SAA4B,EAAE,MAA4B;IACrG,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC;IACjC,KAAK,MAAM,EAAE,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;QAChC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YAAE,MAAM,IAAI,SAAS,CAAC,+BAA+B,EAAE,4BAA4B,CAAC,CAAC;IACzG,CAAC;IACD,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC1C,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AACjH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,4BAA4B,CAAC,QAA2B,EAAE,IAAyB,EAAE,UAA6B;IAChI,OAAO,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC7F,CAAC","sourcesContent":["import { validateImageChoiceItems, type ImageChoiceItemDescriptor, type ImageChoiceItemLabelLines } from \"./image-choice.js\";\nimport type { sheetRecipe, StackGap } from \"./component-recipes.js\";\nimport type { TextVariant } from \"./foundations.js\";\n\ntype SheetSize = keyof typeof sheetRecipe.sizes;\n\n/**\n * Sharing one link (2026-10-26 user request \"번뚝 공유 그대로 공통화\"): BurnTok's Web and Native share sheets are the\n * reference. One Sheet offers in-app recipients (optional) plus two external actions — copy link and the OS share\n * sheet. The product owns the link, the recipient data and the delivery; HJM owns the layout, selection, in-flight\n * guards and the honest feedback (the OS share sheet only proves it opened, never that anything was delivered).\n */\nexport type ShareSheetRecipientDescriptor = ImageChoiceItemDescriptor;\n\n/** Where the recipient list is: the product fetches it, the sheet shows the matching state. */\nexport type ShareSheetRecipientStatus = \"ready\" | \"loading\" | \"error\";\n\n/**\n * What `onSend` reports back. `sentIds` are the requested ids the product delivered; every other requested id stays\n * selected so the user can retry only those (a partial batch must not resend the delivered ones). `error` is the\n * product's localized reason for the failures; without it the sheet shows `labels.sendFailed`.\n */\nexport type ShareSheetSendResult = Readonly<{ sentIds: readonly string[]; error?: string }>;\n\n/** Payload for the OS share sheet. */\nexport type ShareSheetShareContent = Readonly<{ url: string; title?: string; text?: string }>;\n\n/**\n * How the OS share sheet closed. `completed` means the user picked a target, not that it was delivered; `dismissed`\n * means they backed out (Web `AbortError`, iOS `dismissedAction`). Android always reports `completed`.\n */\nexport type ShareSheetSystemShareOutcome = \"completed\" | \"dismissed\";\n\n/** Localized copy for the sheet chrome and the external actions. The renderer invents none. */\nexport type ShareSheetLabels = Readonly<{\n  /** Accessible name of the Sheet close action. */\n  close: string;\n  copyLink: string;\n  systemShare: string;\n  /** Announced (polite) after the link reached the clipboard. */\n  linkCopied: string;\n  /** Shown when copying or opening the OS share sheet failed. */\n  actionFailed: string;\n}>;\n\n/** Localized copy for the recipient section. */\nexport type ShareSheetRecipientLabels = Readonly<{\n  /** Accessible name of the recipient group (e.g. \"Choose who to send to\"). */\n  group: string;\n  /** Search field name and placeholder. */\n  search: string;\n  clearSearch: string;\n  loading: string;\n  loadFailed: string;\n  retry: string;\n  /** No recipients at all. */\n  empty: string;\n  /** Recipients exist but none match the search. */\n  noResults: string;\n  /** Item description of an already-sent recipient. */\n  sent: string;\n  /** Send failure without a product reason. */\n  sendFailed: string;\n  /** Footer action, e.g. `count => \\`Send to ${count}\\``. */\n  send: (count: number) => string;\n}>;\n\nexport const shareSheetRecipe = {\n  /** The picker scrolls in a tall sheet; external actions alone keep the sheet at its content height. */\n  size: { recipients: \"large\", externalOnly: \"auto\" } satisfies Readonly<Record<string, SheetSize>>,\n  /** Body regions (notices, search, list) and footer rows (send button above the action row). */\n  bodyGap: \"md\" satisfies StackGap,\n  footerGap: \"xs\" satisfies StackGap,\n  /** Two round external actions centred in one row, each with its caption below (BurnTok 1.28 share footer). */\n  actionGap: \"xxxl\" satisfies StackGap,\n  actionCaptionGap: \"xs\" satisfies StackGap,\n  actionButton: { tone: \"secondary\", size: \"large\" },\n  actionCaptionVariant: \"caption\" satisfies TextVariant,\n  sendButton: { tone: \"primary\", size: \"large\" },\n  /**\n   * Recipients are picked by face and name. Two name lines: a 12-character nickname ends near six Hangul glyphs on\n   * one 80-wide caption line (BurnTok share recipients, 2026-10-18).\n   */\n  picker: { showItemLabels: true, itemLabelLines: 2 satisfies ImageChoiceItemLabelLines },\n} as const;\n\nexport function validateShareSheet(input: Readonly<{ title: string; link: string; labels: ShareSheetLabels }>): void {\n  if (!input.title.trim()) throw new TypeError(\"ShareSheet title must not be empty\");\n  if (!input.link.trim()) throw new TypeError(\"ShareSheet link must not be empty\");\n  for (const [key, value] of Object.entries(input.labels)) {\n    if (typeof value !== \"string\" || !value.trim()) throw new TypeError(`ShareSheet labels.${key} must be localized text`);\n  }\n}\n\n/** Recipients the sheet shows for a search: every item for a blank query, else label matches (locale lower case). */\nexport function filterShareSheetRecipients<Item extends ShareSheetRecipientDescriptor>(items: readonly Item[], query: string): readonly Item[] {\n  const needle = query.trim().toLocaleLowerCase();\n  if (!needle) return items;\n  return items.filter(item => item.label.toLocaleLowerCase().includes(needle));\n}\n\n/** Validates the full recipient list (unique ids, localized labels) the same way the picker does. */\nexport function validateShareSheetRecipients(items: readonly ShareSheetRecipientDescriptor[]): void {\n  if (items.length) validateImageChoiceItems(items);\n}\n\n/**\n * Splits one send attempt into delivered and failed ids. A product reporting an id it was not asked to send is a bug\n * (it would mark someone as sent who never was), so it throws instead of being ignored.\n */\nexport function resolveShareSheetSendOutcome(requested: readonly string[], result: ShareSheetSendResult): Readonly<{ sent: readonly string[]; failed: readonly string[] }> {\n  const asked = new Set(requested);\n  for (const id of result.sentIds) {\n    if (!asked.has(id)) throw new TypeError(`ShareSheet onSend reported \"${id}\", which was not requested`);\n  }\n  const delivered = new Set(result.sentIds);\n  return { sent: requested.filter(id => delivered.has(id)), failed: requested.filter(id => !delivered.has(id)) };\n}\n\n/**\n * The picker value: the user's selection plus every already-sent recipient, which stays checked and locked so it\n * cannot be sent twice.\n */\nexport function resolveShareSheetPickerValue(selected: readonly string[], sent: ReadonlySet<string>, visibleIds: readonly string[]): string[] {\n  return [...selected.filter(id => !sent.has(id)), ...visibleIds.filter(id => sent.has(id))];\n}\n"]}

package/dist/version.d.ts

@@ -1,3 +1,3 @@
 /** Package release shown by documentation surfaces. Kept in sync by a test. */
-export declare const designSystemVersion: "1.46.1";
+export declare const designSystemVersion: "1.48.0";
 //# sourceMappingURL=version.d.ts.map

package/dist/version.js

@@ -1,3 +1,3 @@
 /** Package release shown by documentation surfaces. Kept in sync by a test. */
-export const designSystemVersion = "1.46.1";
+export const designSystemVersion = "1.48.0";
 //# sourceMappingURL=version.js.map

package/dist/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAiB,CAAC","sourcesContent":["/** Package release shown by documentation surfaces. Kept in sync by a test. */\nexport const designSystemVersion = \"1.46.1\" as const;\n"]}
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAiB,CAAC","sourcesContent":["/** Package release shown by documentation surfaces. Kept in sync by a test. */\nexport const designSystemVersion = \"1.48.0\" as const;\n"]}

package/docs/bottom-navigation.md

@@ -208,3 +208,19 @@ Utilverse는 1.31.0 채택 뒤에도 셸마다 다른 막대 틀(둥근 독·알
   라벨 외의 비색상 선택 근거가 된다. 배지와 `prominent` 원은 흐리지 않는다.
 - 막대 바탕색은 기존 팔레트 역할(canvas)이고 테마별 색은 `brandPalette`로 바꾼다. 높이는 `density`와 `iconSize`가 정한다.
   같은 의미의 값을 새 축으로 중복하지 않았다.
+
+
+## 타일 바탕과 선택 강조 분리 (2026-10-25)
+
+오늘야구에서 선택된 파란 타일은 유지하면서 바탕을 흰색으로 사용하려는 요청으로
+`configuration.tone: "brand" | "neutral"`을 추가했다. 기본 `brand`는 기존 surfaceAccent 바탕을 유지한다.
+`neutral`은 `semanticColors.surface.default`(테마의 surface)를 사용한다. 라이트 기본 테마에서는 흰색,
+다크에서는 어두운 공통 표면이며 선택 타일의 primary/onPrimary와 모양·간격·동작은 유지한다.
+flat tile 전용이며 raised 표면과 함께 지정하면 오류다. 앱에서 팔레트나 style을 덮어쓰지 않는다.
+
+```tsx
+configuration={{ presentation: "floating", selection: "tile", tone: "neutral" }}
+```
+
+Web·Native의 `NeutralTiles`와 `NeutralTilesDark` Storybook 예제가 같은 공개 API를 사용한다.
+로컬 개발 API이며 게시된 패키지 지원은 해당 릴리스에 포함된 뒤 확인한다.

package/docs/color-picker.md

@@ -1,30 +1,35 @@
-# ColorPicker — Web sRGB 색상 입력
+# ColorPicker — sRGB 색상 입력
 
-2026-09-30: 사용자가 남은 세 후보의 개발을 명시적으로 요청하여 기존 수요 대기 결정을 대체했다.
-React Native와 Flutter 구현은 포함하지 않는다. 계약은 HEX sRGB를 저장값으로 선택했다.
-HSV/RGB 입력기를 동시에 만드는 대신 브라우저 색상 선택기와 HEX 입력을 연결해 값 표현을 하나로 유지한다.
+2026-09-30: 사용자가 남은 세 후보의 개발을 명시적으로 요청하여 기존 수요 대기 결정을 대체했다. 처음에는 Web만 포함했다.
+2026-10-25: Diairy 손그림 프로필 요청으로 Native 개발 후보를 추가했고, 같은 날 사용자 요청("다른 곳 인사이트를 얻으며 개편")으로
+브라우저 색 팝업(Web)·RGB 막대(Native)를 HSV 편집기로 바꿨다. 저장값은 그대로 HEX sRGB다. HSV는 편집할 때만 쓰는 좌표다.
 
-`@hjmds/react/color-picker`의 `ColorPicker`는 controlled `value`와 `onValueChange`를 받는다.
-`label`과 `labels.color`, `labels.hex`, `labels.opacity`, `labels.invalid`는 제품에서 번역하여 전달한다.
-`alpha`가 false면 `#rrggbb`, true면 `#rrggbbaa`를 내보낸다. 3·4자리 축약 HEX도 입력할 수 있다. alpha가 켜진 상태에서 3·6자리 HEX를 입력하면 색만 바꾸고 현재 투명도를 유지한다(네이티브 색상 입력과 같다).
+`ColorPicker`는 controlled `value`와 `onValueChange`를 받는다. `label`과 `labels.hex`·`hue`·`saturation`·`brightness`·`opacity`·`invalid`
+(프리셋이 있으면 `presets`)는 제품에서 번역하여 전달한다. `alpha`가 false면 `#rrggbb`, true면 `#rrggbbaa`를 내보낸다.
+3·4자리 축약 HEX도 입력할 수 있다. alpha가 켜진 상태에서 3·6자리 HEX를 입력하면 색만 바꾸고 현재 투명도를 유지한다.
 alpha를 끈 상태에서 불투명하지 않은 값을 전달하면 투명도를 조용히 버리지 않고 거부한다.
 
-- HEX는 Enter/blur에 확정한다. 잘못된 입력은 오류를 보여주고 외부 값은 유지한다.
+- 채도·밝기 영역: 가로가 채도, 세로가 밝기다. 누른 자리로 바로 이동하고 끄는 동안 연속으로 바뀐다. 상위 스크롤에 터치를 넘기지 않는다.
+  Web은 영역 안의 두 range(채도·밝기)로 키보드·보조기술을 지원한다. Native는 adjustable 하나로 밝기 증감, 사용자 정의 행동으로 채도 증감을 준다.
+- 색조 막대 0–360°, 불투명도 막대 0–100%. Web은 range, Native는 HJM Slider의 제스처·접근성 로직을 내부 색 트랙으로 재사용한다.
+- 검정·회색에서 사라지는 색조·채도는 직전 값을 유지한다(`pickerHsv(value, previous)`). HEX ↔ HSV는 모든 HEX가 원래 값으로 돌아온다(계약 테스트).
+- HEX는 Enter/blur(Native submit/blur)에 확정한다. 잘못된 입력은 오류를 보여주고 외부 값은 유지한다.
   Escape는 마지막 controlled 값으로 복구하며 Enter가 상위 폼을 제출하지 않게 한다.
-- 브라우저 색상 선택기는 RGB를 선택하고 기존 alpha를 보존한다. 정확한 선택기 모양은 OS 소유다.
-- 불투명도 range는 0–100%이며 키보드 화살표/Home/End를 지원한다. 8비트 alpha로 반올림한다.
-- `presets`는 HEX 배열이며 색상값을 읽을 수 있는 버튼이다. 중복값은 정규화 후 제거한다.
-- `disabled`는 fieldset을 통해 모든 입력과 팔레트를 비활성화한다.
-- 제어부는 HJM canvas·border·focus 토큰을 사용한다. 견본의 사용자 색상은 콘텐츠 데이터다.
-  선택색을 제품의 본문/배경으로 사용할 때의 대비는 제품이 확인한다.
+- `presets`는 `ColorSwatchPicker`(라디오 의미의 둥근 견본)로 그린다. 중복값은 정규화 후 제거한다.
+- `disabled`는 모든 입력과 견본을 비활성화한다.
+- 제어부는 HJM canvas·border·focus 토큰을 사용한다. 손잡이의 흰 테두리·그림자와 투명 체크 무늬는 어떤 색 위에서도 보이게 하는 고정값이다.
+  견본의 사용자 색상은 콘텐츠 데이터다. 선택색을 제품의 본문/배경으로 사용할 때의 대비는 제품이 확인한다.
 
 ```tsx
 <ColorPicker label={t('color.title')} labels={{
-  color: t('color.choose'), hex: t('color.hex'), opacity: t('color.opacity'), invalid: t('color.invalid'),
+  hex: 'HEX', hue: t('color.hue'), saturation: t('color.saturation'), brightness: t('color.brightness'),
+  opacity: t('color.opacity'), invalid: t('color.invalid'), presets: t('color.presets'),
 }} value={color} onValueChange={setColor} alpha presets={['#b94627ff', '#338844ff']} />
 ```
 
-계약: [color-picker.ts](../src/color-picker.ts). UI: [renderer](../../react/src/color-picker.tsx).
-사용 예제: [Web additions](../../../showcase/web/src/patterns/WebAdditions.stories.tsx).
-검증: [계약 회귀](../test/web-additions.test.ts), [브라우저 동작](../../react/test/web-additions.browser.test.tsx),
-[환경 행렬](../../react/test/scenario-matrix.browser.test.tsx). 브라우저/OS 색상 팝업 자체의 내부 UI는 HJM 검증 대상이 아니다.
+계약: [color-picker.ts](../src/color-picker.ts). UI: [Web](../../react/src/color-picker.tsx), [Native](../../react-native/src/color-picker.tsx).
+사용 지침: [usage/components/color-picker.md](usage/components/color-picker.md).
+사용 예제: [Web additions](../../../showcase/web/src/patterns/WebAdditions.stories.tsx), [Native](../../../showcase/native/src/ColorPicker.stories.tsx).
+검증: [계약 회귀](../test/web-additions.test.ts), [Web 동작](../../react/test/web-additions.browser.test.tsx),
+[Native 동작](../../react-native/test/color-picker.test.tsx), [환경 행렬](../../react/test/scenario-matrix.browser.test.tsx).
+Native는 `react-native-svg`가 필요하며 패키지 게시·기기 검증은 별도다.

package/docs/dialog.md

@@ -46,7 +46,7 @@ Native accessibility follow-up (2026-10-01): at 200% text scale, the close glyph
 
 Native viewport candidate (BT-QA-027, 2026-10-05): BurnTok local QA exposed a long confirmation extending beyond the visible screen. Dialog and AlertDialog now constrain the content surface and provide a shrinking scroll body, with actions outside that body and provider safe-area padding. Host tests cover those structural contracts and cancellation; they cannot prove Yoga geometry. Ordinary-size iOS confirmation and cancellation were checked. Enlarged-text device verification remains pending: the user stopped that QA scope before the candidate was confirmed, so this is not a completed device fix. Font caps and clipped copy were rejected because they remove readable content.
 
-## Optional measured origin motion (published API, experimental presentation)
+## Optional measured origin motion (published API, stable presentation contract)
 
 2026-10-07 Aceternity card/grid comparison exposed a stale publication label here.
 Both npm 1.14.0 renderer tarballs include `DialogProps.motionOrigin` in `dist/overlays.d.ts`,
@@ -61,8 +61,7 @@ the modal engine. It does not implement shared image/text identities or a new Po
 Web retains one subtree through exit and suppresses stale animation completion when reopened.
 Native uses the actual modal measurement and bounds its optional measurement wait by the existing
 enter duration, falling back to ordinary presentation if the host fails to reply. Reduced motion skips
-spatial interpolation. Device geometry, resizing/keyboard behavior, themes and performance remain
-experimental until the QA report verifies them. See the usage guide and
+spatial interpolation. The optional presentation contract is stable as of 2026-10-26: browser/host regressions and the current iOS failed-save → close → reopen → successful-save flow passed. Per-device geometry/performance and consuming-product certification remain scoped QA; stable does not promise a frame-rate target on every device. See the usage guide and
 [origin transition QA](../../../docs/qa/2026-10-07-overlay-origin-transition.md).
 
 ## Decorative layer and immersive presentation (1.31.0)

package/docs/generated/component-maturity.md

@@ -1,12 +1,12 @@
 # Component maturity and evidence manifest
 
-> Generated from `@hjmds/design-contracts` 1.46.1. Do not edit this file directly; run `pnpm contracts:sync`.
+> Generated from `@hjmds/design-contracts` 1.48.0. Do not edit this file directly; run `pnpm contracts:sync`.
 
 This document is the human-readable projection of the same catalog and Showcase manifest consumed by product CI.
 
-- Contract: stable 126 · beta 5
-- Web renderer: stable 126 · beta 5
-- Native renderer: stable 106 · beta 7 · unsupported 18
+- Contract: stable 131
+- Web renderer: stable 131
+- Native renderer: stable 114 · unsupported 17
 
 | Component | Canonical story ID | Contract | Web | Native | Documentation | Required evidence |
 | --- | --- | --- | --- | --- | --- | --- |
@@ -43,7 +43,7 @@ This document is the human-readable projection of the same catalog and Showcase
 | RadioGroup | `input/radio-group` | stable | stable | stable | generated only | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions |
 | Switch | `input/switch` | stable | stable | stable | generated only | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions |
 | Chip | `input/chip` | stable | stable | stable | generated only | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions |
-| ImageChoiceGroup | `input/image-choice-group` | beta | beta | beta | generated only | contract: contract; web: default, dark, large-text, rtl, reduced-motion, accessibility; native: default, dark, large-text, rtl, reduced-motion, accessibility |
+| ImageChoiceGroup | `input/image-choice-group` | stable | stable | stable | generated only | contract: contract; web: default, dark, large-text, rtl, reduced-motion, accessibility; native: default, dark, large-text, rtl, reduced-motion, accessibility |
 | SegmentedControl | `input/segmented-control` | stable | stable | stable | generated only | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions |
 | ToggleGroup | `input/toggle-group` | stable | stable | stable | [authored](../toggle-group.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions |
 | TagsInput | `input/tags-input` | stable | stable | stable | [authored](../tags-input.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions |
@@ -54,7 +54,7 @@ This document is the human-readable projection of the same catalog and Showcase
 | TimePicker | `input/time-picker` | stable | stable | stable | [authored](../time-picker.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions |
 | DatePicker | `input/date-picker` | stable | stable | stable | [authored](../date-picker.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions |
 | DateRangePicker | `input/date-range-picker` | stable | stable | stable | generated only | contract: contract; web: default, dark, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, large-text, rtl, reduced-motion, accessibility, native-actions |
-| ColorPicker | `input/color-picker` | stable | stable | unsupported | [authored](../color-picker.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard |
+| ColorPicker | `input/color-picker` | stable | stable | stable | [authored](../color-picker.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility |
 | FilePicker | `input/file-picker` | stable | stable | stable | [authored](../file-picker.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions |
 | Form | `input/form` | stable | stable | stable | [authored](../form.md) | contract: contract; web: default, dark, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, large-text, rtl, reduced-motion, accessibility, native-actions |
 | Agreement | `input/agreement` | stable | stable | stable | [authored](../agreement.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions |
@@ -66,8 +66,8 @@ This document is the human-readable projection of the same catalog and Showcase
 | Sidebar | `navigation/sidebar` | stable | stable | unsupported | [authored](../sidebar.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard |
 | BottomNavigation | `navigation/bottom-navigation` | stable | stable | stable | [authored](../bottom-navigation.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions |
 | Breadcrumb | `navigation/breadcrumb` | stable | stable | unsupported | [authored](../breadcrumb.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard |
-| PageIndicator | `navigation/page-indicator` | beta | beta | beta | generated only | contract: contract; web: default, dark, large-text, rtl, reduced-motion, accessibility; native: default, dark, large-text, rtl, reduced-motion, accessibility |
-| Pagination | `navigation/pagination` | stable | stable | beta | [authored](../pagination.md) | contract: contract; web: default, dark, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, large-text, rtl, reduced-motion, accessibility, native-actions |
+| PageIndicator | `navigation/page-indicator` | stable | stable | stable | generated only | contract: contract; web: default, dark, large-text, rtl, reduced-motion, accessibility; native: default, dark, large-text, rtl, reduced-motion, accessibility |
+| Pagination | `navigation/pagination` | stable | stable | stable | [authored](../pagination.md) | contract: contract; web: default, dark, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, large-text, rtl, reduced-motion, accessibility, native-actions |
 | LoadMore | `navigation/load-more` | stable | stable | stable | [authored](../load-more.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions |
 | Steps | `navigation/steps` | stable | stable | stable | [authored](../steps.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility |
 | Menubar | `navigation/menubar` | stable | stable | unsupported | [authored](../menubar.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard |
@@ -86,8 +86,8 @@ This document is the human-readable projection of the same catalog and Showcase
 | Accordion | `data-display/accordion` | stable | stable | stable | generated only | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions |
 | Statistic | `data-display/statistic` | stable | stable | stable | [authored](../statistic.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility |
 | Timeline | `data-display/timeline` | stable | stable | stable | [authored](../timeline.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility |
-| DataTable | `data-display/data-table` | stable | stable | beta | [authored](../data-table.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions |
-| Chart | `data-display/chart` | beta | beta | beta | [authored](../chart.md) | contract: contract; web: default, dark, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, large-text, rtl, reduced-motion, accessibility, native-actions |
+| DataTable | `data-display/data-table` | stable | stable | stable | [authored](../data-table.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions |
+| Chart | `data-display/chart` | stable | stable | stable | [authored](../chart.md) | contract: contract; web: default, dark, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, large-text, rtl, reduced-motion, accessibility, native-actions |
 | Tree | `data-display/tree` | stable | stable | unsupported | [authored](../tree.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard |
 | Calendar | `data-display/calendar` | stable | stable | stable | [authored](../calendar.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions |
 | Carousel | `data-display/carousel` | stable | stable | stable | [authored](../carousel.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions |
@@ -132,8 +132,8 @@ This document is the human-readable projection of the same catalog and Showcase
 | MediaSelectionScreen | `layout/media-selection-screen` | stable | stable | stable | generated only | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility |
 | ProfileScreen | `layout/profile-screen` | stable | stable | stable | generated only | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility |
 | ChatMessage | `data-display/chat-message` | stable | stable | stable | generated only | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility |
-| TypingIndicator | `feedback/typing-indicator` | beta | beta | beta | generated only | contract: contract; web: default, dark, large-text, rtl, reduced-motion, accessibility; native: default, dark, large-text, rtl, reduced-motion, accessibility |
-| ChatDateSeparator | `data-display/chat-date-separator` | beta | beta | beta | generated only | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility |
+| TypingIndicator | `feedback/typing-indicator` | stable | stable | stable | generated only | contract: contract; web: default, dark, large-text, rtl, reduced-motion, accessibility; native: default, dark, large-text, rtl, reduced-motion, accessibility |
+| ChatDateSeparator | `data-display/chat-date-separator` | stable | stable | stable | generated only | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility |
 | NotificationRow | `data-display/notification-row` | stable | stable | stable | generated only | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility |
 | NotificationItem | `data-display/notification-item` | stable | stable | stable | generated only | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility |
 | CommentThreadRow | `data-display/comment-thread-row` | stable | stable | stable | generated only | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility |

package/docs/generated/renderer-evidence.json

@@ -1,11 +1,11 @@
 {
   "schemaVersion": 1,
-  "designSystemVersion": "1.46.0",
+  "designSystemVersion": "1.48.0",
   "source": "packages/design-contracts/docs/generated/showcase-manifest.json",
   "surfaces": {
     "web": {
       "packageName": "@hjmds/react",
-      "packageVersion": "1.46.0",
+      "packageVersion": "1.48.0",
       "activeComponents": 131,
       "claimedComponents": 131,
       "completeScenarioComponents": 130,
@@ -1785,7 +1785,7 @@
         {
           "componentId": "image-choice-group",
           "name": "ImageChoiceGroup",
-          "status": "beta",
+          "status": "stable",
           "claimed": true,
           "subpath": "./image-choice",
           "exportNames": [
@@ -2424,7 +2424,8 @@
           "claimed": true,
           "subpath": "./color-picker",
           "exportNames": [
-            "ColorPicker"
+            "ColorPicker",
+            "ColorSwatchPicker"
           ],
           "proofs": [
             {
@@ -3118,7 +3119,7 @@
         {
           "componentId": "page-indicator",
           "name": "PageIndicator",
-          "status": "beta",
+          "status": "stable",
           "claimed": true,
           "subpath": "./carousel",
           "exportNames": [
@@ -4243,7 +4244,7 @@
         {
           "componentId": "chart",
           "name": "Chart",
-          "status": "beta",
+          "status": "stable",
           "claimed": true,
           "subpath": "./chart",
           "exportNames": [
@@ -6615,7 +6616,7 @@
         {
           "componentId": "typing-indicator",
           "name": "TypingIndicator",
-          "status": "beta",
+          "status": "stable",
           "claimed": true,
           "subpath": "./screens",
           "exportNames": [
@@ -6662,7 +6663,7 @@
         {
           "componentId": "chat-date-separator",
           "name": "ChatDateSeparator",
-          "status": "beta",
+          "status": "stable",
           "claimed": true,
           "subpath": "./screens",
           "exportNames": [
@@ -7063,10 +7064,10 @@
     },
     "native": {
       "packageName": "@hjmds/react-native",
-      "packageVersion": "1.46.0",
-      "activeComponents": 113,
-      "claimedComponents": 113,
-      "completeScenarioComponents": 110,
+      "packageVersion": "1.48.0",
+      "activeComponents": 114,
+      "claimedComponents": 114,
+      "completeScenarioComponents": 111,
       "components": [
         {
           "componentId": "text",
@@ -8723,7 +8724,7 @@
         {
           "componentId": "image-choice-group",
           "name": "ImageChoiceGroup",
-          "status": "beta",
+          "status": "stable",
           "claimed": true,
           "subpath": "./image-choice",
           "exportNames": [
@@ -9354,6 +9355,57 @@
           ],
           "missingScenarios": []
         },
+        {
+          "componentId": "color-picker",
+          "name": "ColorPicker",
+          "status": "stable",
+          "claimed": true,
+          "subpath": "./color-picker",
+          "exportNames": [
+            "ColorPicker",
+            "ColorSwatchPicker"
+          ],
+          "proofs": [
+            {
+              "scenarios": [
+                "default"
+              ],
+              "file": "test/default-render.test.tsx",
+              "caseId": "color-picker"
+            },
+            {
+              "scenarios": [
+                "dark",
+                "long-copy",
+                "large-text",
+                "rtl",
+                "reduced-motion",
+                "accessibility"
+              ],
+              "file": "test/scenario-matrix.test.tsx",
+              "caseId": "color-picker"
+            }
+          ],
+          "requiredScenarios": [
+            "default",
+            "dark",
+            "long-copy",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "claimedScenarios": [
+            "default",
+            "dark",
+            "long-copy",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "missingScenarios": []
+        },
         {
           "componentId": "file-picker",
           "name": "FilePicker",
@@ -9879,7 +9931,7 @@
         {
           "componentId": "page-indicator",
           "name": "PageIndicator",
-          "status": "beta",
+          "status": "stable",
           "claimed": true,
           "subpath": "./carousel",
           "exportNames": [
@@ -9926,7 +9978,7 @@
         {
           "componentId": "pagination",
           "name": "Pagination",
-          "status": "beta",
+          "status": "stable",
           "claimed": true,
           "subpath": "./pagination",
           "exportNames": [
@@ -10758,7 +10810,7 @@
         {
           "componentId": "data-table",
           "name": "DataTable",
-          "status": "beta",
+          "status": "stable",
           "claimed": true,
           "subpath": "./data-table",
           "exportNames": [
@@ -10814,7 +10866,7 @@
         {
           "componentId": "chart",
           "name": "Chart",
-          "status": "beta",
+          "status": "stable",
           "claimed": true,
           "subpath": "./chart",
           "exportNames": [
@@ -12621,7 +12673,7 @@
         {
           "componentId": "typing-indicator",
           "name": "TypingIndicator",
-          "status": "beta",
+          "status": "stable",
           "claimed": true,
           "subpath": "./screens",
           "exportNames": [
@@ -12668,7 +12720,7 @@
         {
           "componentId": "chat-date-separator",
           "name": "ChatDateSeparator",
-          "status": "beta",
+          "status": "stable",
           "claimed": true,
           "subpath": "./screens",
           "exportNames": [

package/docs/generated/renderer-evidence.md

@@ -1,11 +1,11 @@
 # Renderer evidence coverage
 
-> Generated for HJM 1.46.0. Do not edit directly; run `pnpm evidence:sync`.
+> Generated for HJM 1.48.0. Do not edit directly; run `pnpm evidence:sync`.
 
 This projection joins the canonical surface maturity manifest with first-party renderer claims. Missing scenarios are explicit beta promotion debt; stable surfaces are blocked by CI until none remain.
 
 - web: 131/131 active implementations; 130/131 required scenario sets
-- native: 113/113 active implementations; 110/113 required scenario sets
+- native: 114/114 active implementations; 111/114 required scenario sets
 
 | Component | Surface | Maturity | Renderer package | Export | Claimed scenarios | Missing required scenarios | Executable proofs |
 | --- | --- | --- | --- | --- | --- | --- | --- |
@@ -42,7 +42,7 @@ This projection joins the canonical surface maturity manifest with first-party r
 | RadioGroup | web | stable | @hjmds/react | ./selection | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#radio-group, test/scenario-matrix.browser.test.tsx#radio-group, test/stable-core.browser.test.tsx#radio-group |
 | Switch | web | stable | @hjmds/react | ./selection | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#switch, test/scenario-matrix.browser.test.tsx#switch, test/stable-core.browser.test.tsx#switch |
 | Chip | web | stable | @hjmds/react | ./selection | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#chip, test/scenario-matrix.browser.test.tsx#chip, test/stable-core.browser.test.tsx#chip |
-| ImageChoiceGroup | web | beta | @hjmds/react | ./image-choice | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#image-choice-group, test/scenario-matrix.browser.test.tsx#image-choice-group |
+| ImageChoiceGroup | web | stable | @hjmds/react | ./image-choice | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#image-choice-group, test/scenario-matrix.browser.test.tsx#image-choice-group |
 | SegmentedControl | web | stable | @hjmds/react | ./selection | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#segmented-control, test/scenario-matrix.browser.test.tsx#segmented-control, test/stable-core.browser.test.tsx#segmented-control |
 | ToggleGroup | web | stable | @hjmds/react | ./toggle-group | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#toggle-group, test/scenario-matrix.browser.test.tsx#toggle-group, test/stable-core.browser.test.tsx#toggle-group |
 | TagsInput | web | stable | @hjmds/react | ./tags-input | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#tags-input, test/scenario-matrix.browser.test.tsx#tags-input, test/stable-core.browser.test.tsx#tags-input |
@@ -65,7 +65,7 @@ This projection joins the canonical surface maturity manifest with first-party r
 | Sidebar | web | stable | @hjmds/react | ./sidebar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#sidebar, test/scenario-matrix.browser.test.tsx#sidebar, test/sidebar.browser.test.tsx#sidebar |
 | BottomNavigation | web | stable | @hjmds/react | ./navigation | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#bottom-navigation, test/scenario-matrix.browser.test.tsx#bottom-navigation, test/bottom-navigation.keyboard.browser.test.tsx#bottom-navigation |
 | Breadcrumb | web | stable | @hjmds/react | ./breadcrumb | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#breadcrumb, test/scenario-matrix.browser.test.tsx#breadcrumb, test/page-navigation.browser.test.tsx#breadcrumb |
-| PageIndicator | web | beta | @hjmds/react | ./carousel | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#page-indicator, test/scenario-matrix.browser.test.tsx#page-indicator |
+| PageIndicator | web | stable | @hjmds/react | ./carousel | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#page-indicator, test/scenario-matrix.browser.test.tsx#page-indicator |
 | Pagination | web | stable | @hjmds/react | ./pagination | default, dark, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#pagination, test/scenario-matrix.browser.test.tsx#pagination, test/pagination.keyboard.browser.test.tsx#pagination |
 | LoadMore | web | stable | @hjmds/react | ./navigation | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#load-more, test/scenario-matrix.browser.test.tsx#load-more, test/load-more.interactions.browser.test.tsx#load-more |
 | Steps | web | stable | @hjmds/react | ./steps | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#steps, test/scenario-matrix.browser.test.tsx#steps |
@@ -86,7 +86,7 @@ This projection joins the canonical surface maturity manifest with first-party r
 | Statistic | web | stable | @hjmds/react | ./display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#statistic, test/scenario-matrix.browser.test.tsx#statistic |
 | Timeline | web | stable | @hjmds/react | ./display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#timeline, test/scenario-matrix.browser.test.tsx#timeline |
 | DataTable | web | stable | @hjmds/react | ./data-table | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#data-table, test/scenario-matrix.browser.test.tsx#data-table, test/data-table.keyboard.browser.test.tsx#data-table |
-| Chart | web | beta | @hjmds/react | ./chart | default, dark, large-text, rtl, reduced-motion, accessibility | keyboard | test/default-render.ssr.test.tsx#chart, test/scenario-matrix.browser.test.tsx#chart |
+| Chart | web | stable | @hjmds/react | ./chart | default, dark, large-text, rtl, reduced-motion, accessibility | keyboard | test/default-render.ssr.test.tsx#chart, test/scenario-matrix.browser.test.tsx#chart |
 | Tree | web | stable | @hjmds/react | ./tree | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#tree, test/scenario-matrix.browser.test.tsx#tree, test/tree.browser.test.tsx#tree |
 | Calendar | web | stable | @hjmds/react | ./calendar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#calendar, test/scenario-matrix.browser.test.tsx#calendar, test/calendar.browser.test.tsx#calendar |
 | Carousel | web | stable | @hjmds/react | ./carousel | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#carousel, test/scenario-matrix.browser.test.tsx#carousel, test/carousel.browser.test.tsx#carousel |
@@ -131,8 +131,8 @@ This projection joins the canonical surface maturity manifest with first-party r
 | MediaSelectionScreen | web | stable | @hjmds/react | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#media-selection-screen, test/scenario-matrix.browser.test.tsx#media-selection-screen |
 | ProfileScreen | web | stable | @hjmds/react | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#profile-screen, test/scenario-matrix.browser.test.tsx#profile-screen |
 | ChatMessage | web | stable | @hjmds/react | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#chat-message, test/scenario-matrix.browser.test.tsx#chat-message |
-| TypingIndicator | web | beta | @hjmds/react | ./screens | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#typing-indicator, test/scenario-matrix.browser.test.tsx#typing-indicator |
-| ChatDateSeparator | web | beta | @hjmds/react | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#chat-date-separator, test/scenario-matrix.browser.test.tsx#chat-date-separator |
+| TypingIndicator | web | stable | @hjmds/react | ./screens | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#typing-indicator, test/scenario-matrix.browser.test.tsx#typing-indicator |
+| ChatDateSeparator | web | stable | @hjmds/react | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#chat-date-separator, test/scenario-matrix.browser.test.tsx#chat-date-separator |
 | NotificationRow | web | stable | @hjmds/react | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#notification-row, test/scenario-matrix.browser.test.tsx#notification-row |
 | NotificationItem | web | stable | @hjmds/react | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#notification-item, test/scenario-matrix.browser.test.tsx#notification-item |
 | CommentThreadRow | web | stable | @hjmds/react | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#comment-thread-row, test/scenario-matrix.browser.test.tsx#comment-thread-row |
@@ -171,7 +171,7 @@ This projection joins the canonical surface maturity manifest with first-party r
 | RadioGroup | native | stable | @hjmds/react-native | ./inputs | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#radio-group, test/scenario-matrix.test.tsx#radio-group, test/stable-core.test.tsx#radio-group |
 | Switch | native | stable | @hjmds/react-native | ./inputs | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#switch, test/scenario-matrix.test.tsx#switch, test/stable-core.test.tsx#switch |
 | Chip | native | stable | @hjmds/react-native | ./inputs | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#chip, test/scenario-matrix.test.tsx#chip, test/stable-core.test.tsx#chip |
-| ImageChoiceGroup | native | beta | @hjmds/react-native | ./image-choice | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#image-choice-group, test/scenario-matrix.test.tsx#image-choice-group |
+| ImageChoiceGroup | native | stable | @hjmds/react-native | ./image-choice | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#image-choice-group, test/scenario-matrix.test.tsx#image-choice-group |
 | SegmentedControl | native | stable | @hjmds/react-native | ./inputs | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#segmented-control, test/scenario-matrix.test.tsx#segmented-control, test/stable-core.test.tsx#segmented-control |
 | ToggleGroup | native | stable | @hjmds/react-native | ./toggle-group | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#toggle-group, test/scenario-matrix.test.tsx#toggle-group, test/stable-core.test.tsx#toggle-group |
 | TagsInput | native | stable | @hjmds/react-native | ./tags-input | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#tags-input, test/scenario-matrix.test.tsx#tags-input, test/stable-core.test.tsx#tags-input |
@@ -182,6 +182,7 @@ This projection joins the canonical surface maturity manifest with first-party r
 | TimePicker | native | stable | @hjmds/react-native | ./time-picker | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#time-picker, test/scenario-matrix.test.tsx#time-picker, test/time-picker.test.tsx#time-picker |
 | DatePicker | native | stable | @hjmds/react-native | ./date-picker | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#date-picker, test/scenario-matrix.test.tsx#date-picker, test/stable-core.test.tsx#date-picker |
 | DateRangePicker | native | stable | @hjmds/react-native | ./date-range | default, dark, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#date-range-picker, test/scenario-matrix.test.tsx#date-range-picker, test/date-range-actions.test.tsx#date-range-picker |
+| ColorPicker | native | stable | @hjmds/react-native | ./color-picker | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#color-picker, test/scenario-matrix.test.tsx#color-picker |
 | FilePicker | native | stable | @hjmds/react-native | ./file-picker | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#file-picker, test/scenario-matrix.test.tsx#file-picker, test/file-picker-host-action.test.tsx#file-picker |
 | Form | native | stable | @hjmds/react-native | ./forms | default, dark, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#form, test/scenario-matrix.test.tsx#form, test/form.interaction.test.tsx#form |
 | Agreement | native | stable | @hjmds/react-native | ./agreement | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#agreement, test/scenario-matrix.test.tsx#agreement, test/agreement.interaction.test.tsx#agreement |
@@ -191,8 +192,8 @@ This projection joins the canonical surface maturity manifest with first-party r
 | Tabs | native | stable | @hjmds/react-native | ./top-bar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#tabs, test/scenario-matrix.test.tsx#tabs, test/tabs-actions.test.tsx#tabs |
 | TopBar | native | stable | @hjmds/react-native | ./top-bar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#top-bar, test/scenario-matrix.test.tsx#top-bar |
 | BottomNavigation | native | stable | @hjmds/react-native | ./top-bar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#bottom-navigation, test/scenario-matrix.test.tsx#bottom-navigation, test/bottom-navigation.interaction.test.tsx#bottom-navigation |
-| PageIndicator | native | beta | @hjmds/react-native | ./carousel | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#page-indicator, test/scenario-matrix.test.tsx#page-indicator |
-| Pagination | native | beta | @hjmds/react-native | ./pagination | default, dark, large-text, rtl, reduced-motion, accessibility | native-actions | test/default-render.test.tsx#pagination, test/scenario-matrix.test.tsx#pagination |
+| PageIndicator | native | stable | @hjmds/react-native | ./carousel | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#page-indicator, test/scenario-matrix.test.tsx#page-indicator |
+| Pagination | native | stable | @hjmds/react-native | ./pagination | default, dark, large-text, rtl, reduced-motion, accessibility | native-actions | test/default-render.test.tsx#pagination, test/scenario-matrix.test.tsx#pagination |
 | LoadMore | native | stable | @hjmds/react-native | ./top-bar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#load-more, test/scenario-matrix.test.tsx#load-more, test/load-more.interactions.test.tsx#load-more |
 | Steps | native | stable | @hjmds/react-native | ./steps | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#steps, test/scenario-matrix.test.tsx#steps |
 | Menu | native | stable | @hjmds/react-native | ./top-bar | default, dark, large-text, rtl, reduced-motion, accessibility, native-actions, long-copy | none | test/default-render.test.tsx#menu, test/scenario-matrix.test.tsx#menu, test/menu-actions.test.tsx#menu |
@@ -208,8 +209,8 @@ This projection joins the canonical surface maturity manifest with first-party r
 | Accordion | native | stable | @hjmds/react-native | ./data-display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#accordion, test/scenario-matrix.test.tsx#accordion, test/accordion-actions.test.tsx#accordion |
 | Statistic | native | stable | @hjmds/react-native | ./data-display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#statistic, test/scenario-matrix.test.tsx#statistic |
 | Timeline | native | stable | @hjmds/react-native | ./data-display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#timeline, test/scenario-matrix.test.tsx#timeline |
-| DataTable | native | beta | @hjmds/react-native | ./data-table | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | native-actions | test/default-render.test.tsx#data-table, test/scenario-matrix.test.tsx#data-table |
-| Chart | native | beta | @hjmds/react-native | ./chart | default, dark, large-text, rtl, reduced-motion, accessibility | native-actions | test/default-render.test.tsx#chart, test/scenario-matrix.test.tsx#chart |
+| DataTable | native | stable | @hjmds/react-native | ./data-table | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | native-actions | test/default-render.test.tsx#data-table, test/scenario-matrix.test.tsx#data-table |
+| Chart | native | stable | @hjmds/react-native | ./chart | default, dark, large-text, rtl, reduced-motion, accessibility | native-actions | test/default-render.test.tsx#chart, test/scenario-matrix.test.tsx#chart |
 | Calendar | native | stable | @hjmds/react-native | ./calendar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#calendar, test/scenario-matrix.test.tsx#calendar, test/calendar.test.tsx#calendar |
 | Carousel | native | stable | @hjmds/react-native | ./carousel | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#carousel, test/scenario-matrix.test.tsx#carousel, test/carousel.test.tsx#carousel |
 | DescriptionList | native | stable | @hjmds/react-native | ./data-display | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#description-list, test/scenario-matrix.test.tsx#description-list |
@@ -244,8 +245,8 @@ This projection joins the canonical surface maturity manifest with first-party r
 | MediaSelectionScreen | native | stable | @hjmds/react-native | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#media-selection-screen, test/scenario-matrix.test.tsx#media-selection-screen |
 | ProfileScreen | native | stable | @hjmds/react-native | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#profile-screen, test/scenario-matrix.test.tsx#profile-screen |
 | ChatMessage | native | stable | @hjmds/react-native | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#chat-message, test/scenario-matrix.test.tsx#chat-message |
-| TypingIndicator | native | beta | @hjmds/react-native | ./screens | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#typing-indicator, test/scenario-matrix.test.tsx#typing-indicator |
-| ChatDateSeparator | native | beta | @hjmds/react-native | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#chat-date-separator, test/scenario-matrix.test.tsx#chat-date-separator |
+| TypingIndicator | native | stable | @hjmds/react-native | ./screens | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#typing-indicator, test/scenario-matrix.test.tsx#typing-indicator |
+| ChatDateSeparator | native | stable | @hjmds/react-native | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#chat-date-separator, test/scenario-matrix.test.tsx#chat-date-separator |
 | NotificationRow | native | stable | @hjmds/react-native | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#notification-row, test/scenario-matrix.test.tsx#notification-row |
 | NotificationItem | native | stable | @hjmds/react-native | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#notification-item, test/scenario-matrix.test.tsx#notification-item |
 | CommentThreadRow | native | stable | @hjmds/react-native | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#comment-thread-row, test/scenario-matrix.test.tsx#comment-thread-row |