@hjmds/design-contracts 1.30.0 → 1.31.0

package/docs/generated/renderer-evidence.json

@@ -1,14 +1,14 @@
 {
   "schemaVersion": 1,
-  "designSystemVersion": "1.30.0",
+  "designSystemVersion": "1.31.0",
   "source": "packages/design-contracts/docs/generated/showcase-manifest.json",
   "surfaces": {
     "web": {
       "packageName": "@hjmds/react",
-      "packageVersion": "1.30.0",
-      "activeComponents": 127,
-      "claimedComponents": 127,
-      "completeScenarioComponents": 126,
+      "packageVersion": "1.31.0",
+      "activeComponents": 130,
+      "claimedComponents": 130,
+      "completeScenarioComponents": 129,
       "components": [
         {
           "componentId": "text",
@@ -2942,7 +2942,8 @@
           "claimed": true,
           "subpath": "./navigation",
           "exportNames": [
-            "BottomNavigation"
+            "BottomNavigation",
+            "BottomNavigationInsetProvider"
           ],
           "proofs": [
             {
@@ -3053,6 +3054,53 @@
           ],
           "missingScenarios": []
         },
+        {
+          "componentId": "page-indicator",
+          "name": "PageIndicator",
+          "status": "beta",
+          "claimed": true,
+          "subpath": "./carousel",
+          "exportNames": [
+            "PageIndicator"
+          ],
+          "proofs": [
+            {
+              "scenarios": [
+                "default"
+              ],
+              "file": "test/default-render.ssr.test.tsx",
+              "caseId": "page-indicator"
+            },
+            {
+              "scenarios": [
+                "dark",
+                "large-text",
+                "rtl",
+                "reduced-motion",
+                "accessibility"
+              ],
+              "file": "test/scenario-matrix.browser.test.tsx",
+              "caseId": "page-indicator"
+            }
+          ],
+          "requiredScenarios": [
+            "default",
+            "dark",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "claimedScenarios": [
+            "default",
+            "dark",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "missingScenarios": []
+        },
         {
           "componentId": "pagination",
           "name": "Pagination",
@@ -5133,7 +5181,8 @@
           "claimed": true,
           "subpath": "./overlays",
           "exportNames": [
-            "Dialog"
+            "Dialog",
+            "ImmersiveOverlay"
           ],
           "proofs": [
             {
@@ -6103,7 +6152,8 @@
           "claimed": true,
           "subpath": "./screen-flows",
           "exportNames": [
-            "ModerationScreen"
+            "ModerationScreen",
+            "ModerationForm"
           ],
           "proofs": [
             {
@@ -6353,7 +6403,8 @@
           "claimed": true,
           "subpath": "./screen-flows",
           "exportNames": [
-            "MediaSelectionScreen"
+            "MediaSelectionScreen",
+            "MediaSelectionCell"
           ],
           "proofs": [
             {
@@ -6496,6 +6547,103 @@
           ],
           "missingScenarios": []
         },
+        {
+          "componentId": "typing-indicator",
+          "name": "TypingIndicator",
+          "status": "beta",
+          "claimed": true,
+          "subpath": "./screens",
+          "exportNames": [
+            "TypingIndicator"
+          ],
+          "proofs": [
+            {
+              "scenarios": [
+                "default"
+              ],
+              "file": "test/default-render.ssr.test.tsx",
+              "caseId": "typing-indicator"
+            },
+            {
+              "scenarios": [
+                "dark",
+                "large-text",
+                "rtl",
+                "reduced-motion",
+                "accessibility"
+              ],
+              "file": "test/scenario-matrix.browser.test.tsx",
+              "caseId": "typing-indicator"
+            }
+          ],
+          "requiredScenarios": [
+            "default",
+            "dark",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "claimedScenarios": [
+            "default",
+            "dark",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "missingScenarios": []
+        },
+        {
+          "componentId": "chat-date-separator",
+          "name": "ChatDateSeparator",
+          "status": "beta",
+          "claimed": true,
+          "subpath": "./screens",
+          "exportNames": [
+            "ChatDateSeparator"
+          ],
+          "proofs": [
+            {
+              "scenarios": [
+                "default"
+              ],
+              "file": "test/default-render.ssr.test.tsx",
+              "caseId": "chat-date-separator"
+            },
+            {
+              "scenarios": [
+                "dark",
+                "long-copy",
+                "large-text",
+                "rtl",
+                "reduced-motion",
+                "accessibility"
+              ],
+              "file": "test/scenario-matrix.browser.test.tsx",
+              "caseId": "chat-date-separator"
+            }
+          ],
+          "requiredScenarios": [
+            "default",
+            "dark",
+            "long-copy",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "claimedScenarios": [
+            "default",
+            "dark",
+            "long-copy",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "missingScenarios": []
+        },
         {
           "componentId": "notification-row",
           "name": "NotificationRow",
@@ -6850,10 +6998,10 @@
     },
     "native": {
       "packageName": "@hjmds/react-native",
-      "packageVersion": "1.30.0",
-      "activeComponents": 109,
-      "claimedComponents": 109,
-      "completeScenarioComponents": 106,
+      "packageVersion": "1.31.0",
+      "activeComponents": 112,
+      "claimedComponents": 112,
+      "completeScenarioComponents": 109,
       "components": [
         {
           "componentId": "text",
@@ -9550,7 +9698,8 @@
           "claimed": true,
           "subpath": "./top-bar",
           "exportNames": [
-            "BottomNavigation"
+            "BottomNavigation",
+            "BottomNavigationInsetProvider"
           ],
           "proofs": [
             {
@@ -9602,6 +9751,53 @@
           ],
           "missingScenarios": []
         },
+        {
+          "componentId": "page-indicator",
+          "name": "PageIndicator",
+          "status": "beta",
+          "claimed": true,
+          "subpath": "./carousel",
+          "exportNames": [
+            "PageIndicator"
+          ],
+          "proofs": [
+            {
+              "scenarios": [
+                "default"
+              ],
+              "file": "test/default-render.test.tsx",
+              "caseId": "page-indicator"
+            },
+            {
+              "scenarios": [
+                "dark",
+                "large-text",
+                "rtl",
+                "reduced-motion",
+                "accessibility"
+              ],
+              "file": "test/scenario-matrix.test.tsx",
+              "caseId": "page-indicator"
+            }
+          ],
+          "requiredScenarios": [
+            "default",
+            "dark",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "claimedScenarios": [
+            "default",
+            "dark",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "missingScenarios": []
+        },
         {
           "componentId": "pagination",
           "name": "Pagination",
@@ -11317,7 +11513,8 @@
           "claimed": true,
           "subpath": "./overlays",
           "exportNames": [
-            "Dialog"
+            "Dialog",
+            "ImmersiveOverlay"
           ],
           "proofs": [
             {
@@ -11895,7 +12092,8 @@
           "claimed": true,
           "subpath": "./screen-flows",
           "exportNames": [
-            "ModerationScreen"
+            "ModerationScreen",
+            "ModerationForm"
           ],
           "proofs": [
             {
@@ -12145,7 +12343,8 @@
           "claimed": true,
           "subpath": "./screen-flows",
           "exportNames": [
-            "MediaSelectionScreen"
+            "MediaSelectionScreen",
+            "MediaSelectionCell"
           ],
           "proofs": [
             {
@@ -12288,6 +12487,103 @@
           ],
           "missingScenarios": []
         },
+        {
+          "componentId": "typing-indicator",
+          "name": "TypingIndicator",
+          "status": "beta",
+          "claimed": true,
+          "subpath": "./screens",
+          "exportNames": [
+            "TypingIndicator"
+          ],
+          "proofs": [
+            {
+              "scenarios": [
+                "default"
+              ],
+              "file": "test/default-render.test.tsx",
+              "caseId": "typing-indicator"
+            },
+            {
+              "scenarios": [
+                "dark",
+                "large-text",
+                "rtl",
+                "reduced-motion",
+                "accessibility"
+              ],
+              "file": "test/scenario-matrix.test.tsx",
+              "caseId": "typing-indicator"
+            }
+          ],
+          "requiredScenarios": [
+            "default",
+            "dark",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "claimedScenarios": [
+            "default",
+            "dark",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "missingScenarios": []
+        },
+        {
+          "componentId": "chat-date-separator",
+          "name": "ChatDateSeparator",
+          "status": "beta",
+          "claimed": true,
+          "subpath": "./screens",
+          "exportNames": [
+            "ChatDateSeparator"
+          ],
+          "proofs": [
+            {
+              "scenarios": [
+                "default"
+              ],
+              "file": "test/default-render.test.tsx",
+              "caseId": "chat-date-separator"
+            },
+            {
+              "scenarios": [
+                "dark",
+                "long-copy",
+                "large-text",
+                "rtl",
+                "reduced-motion",
+                "accessibility"
+              ],
+              "file": "test/scenario-matrix.test.tsx",
+              "caseId": "chat-date-separator"
+            }
+          ],
+          "requiredScenarios": [
+            "default",
+            "dark",
+            "long-copy",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "claimedScenarios": [
+            "default",
+            "dark",
+            "long-copy",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "missingScenarios": []
+        },
         {
           "componentId": "notification-row",
           "name": "NotificationRow",

package/docs/generated/renderer-evidence.md

@@ -1,11 +1,11 @@
 # Renderer evidence coverage
 
-> Generated for HJM 1.30.0. Do not edit directly; run `pnpm evidence:sync`.
+> Generated for HJM 1.31.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: 127/127 active implementations; 126/127 required scenario sets
-- native: 109/109 active implementations; 106/109 required scenario sets
+- web: 130/130 active implementations; 129/130 required scenario sets
+- native: 112/112 active implementations; 109/112 required scenario sets
 
 | Component | Surface | Maturity | Renderer package | Export | Claimed scenarios | Missing required scenarios | Executable proofs |
 | --- | --- | --- | --- | --- | --- | --- | --- |
@@ -64,6 +64,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 |
 | 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 |
@@ -129,6 +130,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 |
 | 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 |
@@ -186,6 +189,7 @@ 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 |
 | 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 |
@@ -238,6 +242,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 |
 | 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 |

package/docs/generated/showcase-manifest.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 2,
-  "designSystemVersion": "1.30.0",
+  "designSystemVersion": "1.31.0",
   "packageName": "@hjmds/design-contracts",
   "components": [
     {
@@ -2742,7 +2742,9 @@
       "storyId": "navigation/bottom-navigation",
       "name": "BottomNavigation",
       "label": "하단 탐색",
-      "companions": [],
+      "companions": [
+        "BottomNavigationInsetProvider"
+      ],
       "extensions": [],
       "category": "navigation",
       "platform": "adaptive",
@@ -2830,6 +2832,55 @@
         "authored": "docs/breadcrumb.md"
       }
     },
+    {
+      "id": "page-indicator",
+      "storyId": "navigation/page-indicator",
+      "name": "PageIndicator",
+      "label": "페이지 위치 표시",
+      "companions": [],
+      "extensions": [],
+      "category": "navigation",
+      "platform": "shared",
+      "contractStatus": "beta",
+      "surfaces": {
+        "web": "beta",
+        "native": "beta"
+      },
+      "requirements": [
+        {
+          "surface": "contract",
+          "scenarios": [
+            "contract"
+          ]
+        },
+        {
+          "surface": "web",
+          "scenarios": [
+            "default",
+            "dark",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ]
+        },
+        {
+          "surface": "native",
+          "scenarios": [
+            "default",
+            "dark",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ]
+        }
+      ],
+      "documentation": {
+        "generated": "docs/generated/component-maturity.md",
+        "authored": null
+      }
+    },
     {
       "id": "pagination",
       "storyId": "navigation/pagination",
@@ -4809,7 +4860,8 @@
       "name": "Dialog",
       "label": "대화상자",
       "companions": [
-        "OverlayStackProvider"
+        "OverlayStackProvider",
+        "ImmersiveOverlay"
       ],
       "extensions": [],
       "category": "overlay",
@@ -5657,7 +5709,9 @@
       "storyId": "layout/moderation-screen",
       "name": "ModerationScreen",
       "label": "신고 화면",
-      "companions": [],
+      "companions": [
+        "ModerationForm"
+      ],
       "extensions": [],
       "category": "layout",
       "platform": "adaptive",
@@ -5912,7 +5966,9 @@
       "storyId": "layout/media-selection-screen",
       "name": "MediaSelectionScreen",
       "label": "미디어 선택 화면",
-      "companions": [],
+      "companions": [
+        "MediaSelectionCell"
+      ],
       "extensions": [],
       "category": "layout",
       "platform": "adaptive",
@@ -6060,6 +6116,106 @@
         "authored": null
       }
     },
+    {
+      "id": "typing-indicator",
+      "storyId": "feedback/typing-indicator",
+      "name": "TypingIndicator",
+      "label": "입력 중 표시",
+      "companions": [],
+      "extensions": [],
+      "category": "feedback",
+      "platform": "adaptive",
+      "contractStatus": "beta",
+      "surfaces": {
+        "web": "beta",
+        "native": "beta"
+      },
+      "requirements": [
+        {
+          "surface": "contract",
+          "scenarios": [
+            "contract"
+          ]
+        },
+        {
+          "surface": "web",
+          "scenarios": [
+            "default",
+            "dark",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ]
+        },
+        {
+          "surface": "native",
+          "scenarios": [
+            "default",
+            "dark",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ]
+        }
+      ],
+      "documentation": {
+        "generated": "docs/generated/component-maturity.md",
+        "authored": null
+      }
+    },
+    {
+      "id": "chat-date-separator",
+      "storyId": "data-display/chat-date-separator",
+      "name": "ChatDateSeparator",
+      "label": "대화 날짜 구분",
+      "companions": [],
+      "extensions": [],
+      "category": "data-display",
+      "platform": "adaptive",
+      "contractStatus": "beta",
+      "surfaces": {
+        "web": "beta",
+        "native": "beta"
+      },
+      "requirements": [
+        {
+          "surface": "contract",
+          "scenarios": [
+            "contract"
+          ]
+        },
+        {
+          "surface": "web",
+          "scenarios": [
+            "default",
+            "dark",
+            "long-copy",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ]
+        },
+        {
+          "surface": "native",
+          "scenarios": [
+            "default",
+            "dark",
+            "long-copy",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ]
+        }
+      ],
+      "documentation": {
+        "generated": "docs/generated/component-maturity.md",
+        "authored": null
+      }
+    },
     {
       "id": "notification-row",
       "storyId": "data-display/notification-row",