{ "generatedAt": "2026-08-08T08:34:20.699Z", "package": { "name": "@digitaltableteur/react", "version": "0.1.24" }, "environment": { "react": "19.2.8", "jsdom": "30.0.1", "ssr": "node renderToString without DOM globals (the server condition Next runs the package in)", "hydration": "hydrateRoot over the server HTML in jsdom with the unit suite's browser-API stubs (matchMedia, ResizeObserver, IntersectionObserver); recoverable hydration errors and hydration console errors fail the check" }, "methodology": { "props": "components render with their contract playground defaults; required function/ref props (inexpressible in JSON) are synthesized by type-driven rules and recorded per component under `synthesized`; element descriptors ({ __element }) resolve against the built dist exactly as Storybook resolves them; a required prop that is neither defaulted nor synthesizable skips the component (harness limitation, recorded, never counted as component evidence)", "errors": "an ssr error means renderToString threw for this component standalone; the recorded message distinguishes browser-API access from missing host context — both are real facts about server-rendering the component outside the app shell", "timings": "render timings are informational runtime data outside the substance stamp; they vary by machine and never gate anything" }, "totals": { "ssrPass": 90, "ssrError": 2, "hydrationClean": 90, "hydrationError": 0, "skipped": 51 }, "entries": { "actions": { "components": { "Button": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 160 }, "hydration": { "ok": true } }, "ButtonGroup": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 92 }, "hydration": { "ok": true } }, "FilterChip": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 116 }, "hydration": { "ok": true } }, "IconButton": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 828 }, "hydration": { "ok": true } }, "SlideButton": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 653 }, "hydration": { "ok": true } }, "SplitButton": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 944 }, "hydration": { "ok": true } } } }, "consent": { "components": { "CookieConsent": { "status": "ssr-error", "ssr": { "ok": false, "error": "useCookieConsent must be used within CookieConsentProvider" } } } }, "content": { "components": { "AuthorBio": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 0 }, "hydration": { "ok": true } }, "CodeBlockWindow": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 1002 }, "hydration": { "ok": true } }, "CodeSnippet": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 1829 }, "hydration": { "ok": true } }, "DataTable": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 1064 }, "synthesized": { "getRowId": "string-deriving fn → stable id/stringify" }, "hydration": { "ok": true } }, "ExpandableSection": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 194 }, "hydration": { "ok": true } }, "Gallery": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 1165 }, "hydration": { "ok": true } }, "List": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 129 }, "hydration": { "ok": true } }, "ListItem": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 98 }, "hydration": { "ok": true } }, "Logo": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 978 }, "hydration": { "ok": true } }, "ReadingProgress": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 0 }, "synthesized": { "targetRef": "ref → { current: null }" }, "hydration": { "ok": true } }, "Table": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 140 }, "hydration": { "ok": true } }, "TableCell": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 51 }, "hydration": { "ok": true } }, "TableHeaderCell": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 69 }, "hydration": { "ok": true } }, "TableRow": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 32 }, "hydration": { "ok": true } }, "Timestamp": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 134 }, "hydration": { "ok": true } }, "ValueCard": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 1472 }, "hydration": { "ok": true } }, "VirtualList": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 1099 }, "synthesized": { "getItemKey": "key-deriving fn → index", "getItemProps": "content-deriving fn → { children: 'Evidence' }" }, "hydration": { "ok": true } }, "VirtualListItem": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 211 }, "hydration": { "ok": true } }, "formatTimestamp": { "status": "skipped", "reason": "no component contract (not a renderable component export)" } } }, "feedback": { "components": { "AlertBanner": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 818 }, "hydration": { "ok": true } }, "EmptyState": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 694 }, "hydration": { "ok": true } }, "Progress": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 230 }, "hydration": { "ok": true } }, "Skeleton": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 238 }, "hydration": { "ok": true } }, "Spinner": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 91 }, "hydration": { "ok": true } }, "Toast": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 594 }, "hydration": { "ok": true } }, "ToastStack": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 648 }, "hydration": { "ok": true } }, "Tooltip": { "status": "ssr-error", "ssr": { "ok": false, "error": "`Tooltip` must be used within `TooltipProvider`" } }, "TooltipContent": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "TooltipProvider": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "TooltipTrigger": { "status": "skipped", "reason": "no component contract (not a renderable component export)" } } }, "forms": { "components": { "Checkbox": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 225 }, "hydration": { "ok": true } }, "CheckboxGroup": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 1123 }, "hydration": { "ok": true } }, "Combobox": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 1102 }, "synthesized": { "onValueChange": "handler → no-op (never called during render)" }, "hydration": { "ok": true } }, "FileUpload": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 648 }, "hydration": { "ok": true } }, "FormField": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 220 }, "hydration": { "ok": true } }, "GroupLabel": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 82 }, "hydration": { "ok": true } }, "HelperText": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 63 }, "hydration": { "ok": true } }, "Label": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 163 }, "hydration": { "ok": true } }, "MultiCombobox": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 1198 }, "synthesized": { "onValueChange": "handler → no-op (never called during render)" }, "hydration": { "ok": true } }, "PhoneInput": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 10117 }, "hydration": { "ok": true } }, "Radio": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 213 }, "hydration": { "ok": true } }, "RadioGroup": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 896 }, "hydration": { "ok": true } }, "Select": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 832 }, "hydration": { "ok": true } }, "SelectOption": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "SelectableCard": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 232 }, "hydration": { "ok": true } }, "SelectableCardGroup": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "Switch": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 420 }, "hydration": { "ok": true } }, "TextArea": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 315 }, "hydration": { "ok": true } }, "TextInput": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 342 }, "hydration": { "ok": true } }, "optionsFromSelectChildren": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "splitPlaceholderOption": { "status": "skipped", "reason": "no component contract (not a renderable component export)" } } }, "hooks": { "components": { "useFocusTrap": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "useMediaQuery": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "useOverflow": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "useScrollLock": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "useScrollOverflow": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "useStreamingText": { "status": "skipped", "reason": "no component contract (not a renderable component export)" } } }, "identity": { "components": { "Author": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 312 }, "hydration": { "ok": true } }, "Avatar": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 70 }, "hydration": { "ok": true } }, "AvatarGroup": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 132 }, "hydration": { "ok": true } }, "Badge": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 695 }, "hydration": { "ok": true } }, "Icon": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 575 }, "hydration": { "ok": true } }, "StatusDot": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 167 }, "hydration": { "ok": true } } } }, "layout": { "components": { "Accordion": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 1878 }, "hydration": { "ok": true } }, "AspectRatio": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 108 }, "hydration": { "ok": true } }, "Card": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 360 }, "hydration": { "ok": true } }, "Center": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 69 }, "hydration": { "ok": true } }, "Container": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 91 }, "hydration": { "ok": true } }, "Divider": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 45 }, "hydration": { "ok": true } }, "FlexBox": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 137 }, "hydration": { "ok": true } }, "Grid": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 146 }, "hydration": { "ok": true } }, "MacWindowFrame": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 669 }, "hydration": { "ok": true } }, "ResizablePanelGroup": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 635 }, "hydration": { "ok": true } }, "Section": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 86 }, "hydration": { "ok": true } }, "Spacer": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 42 }, "hydration": { "ok": true } }, "Stack": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 82 }, "hydration": { "ok": true } } } }, "navigation": { "components": { "Breadcrumb": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 501 }, "hydration": { "ok": true } }, "CommandPalette": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 0 }, "synthesized": { "onClose": "handler → no-op (never called during render)" }, "hydration": { "ok": true } }, "LanguageSwitcher": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 700 }, "synthesized": { "onLanguageChange": "handler → no-op (never called during render)" }, "hydration": { "ok": true } }, "Link": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 85 }, "hydration": { "ok": true } }, "Menu": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 8 }, "hydration": { "ok": true } }, "MenuContent": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "MenuItem": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "MenuSeparator": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "MenuSub": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "MenuSubContent": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "MenuSubTrigger": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "MenuTrigger": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "NavLink": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 157 }, "hydration": { "ok": true } }, "NavMenuList": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 240 }, "hydration": { "ok": true } }, "Pagination": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 2953 }, "synthesized": { "onPageChange": "handler → no-op (never called during render)" }, "hydration": { "ok": true } }, "ScrollIndicator": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 621 }, "hydration": { "ok": true } }, "SegmentedControl": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 426 }, "synthesized": { "onValueChange": "handler → no-op (never called during render)" }, "hydration": { "ok": true } }, "SkipLink": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 74 }, "hydration": { "ok": true } }, "Tabs": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 967 }, "hydration": { "ok": true } }, "TreeView": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 3090 }, "hydration": { "ok": true } }, "getTabPanelProps": { "status": "skipped", "reason": "no component contract (not a renderable component export)" } } }, "patterns": { "components": { "CategoryFilter": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 511 }, "synthesized": { "onCategoryChange": "handler → no-op (never called during render)" }, "hydration": { "ok": true } }, "Modal": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 702 }, "hydration": { "ok": true } }, "PageLayout": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 115 }, "hydration": { "ok": true } }, "ProcessBlock": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 937 }, "hydration": { "ok": true } } } }, "runtime": { "components": { "AnimationRuntimeProvider": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "CookieConsentProvider": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "DEFAULT_CONSENTS": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "Image": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "ImageProvider": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "LayerProvider": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "LinkProvider": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "NavigationProvider": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "ThemeProvider": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 8 }, "hydration": { "ok": true } }, "ToastRuntimeProvider": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "TranslationProvider": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "clearConsentState": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "cn": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "hasGivenConsent": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "isSvgSrc": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "loadConsentState": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "resolveMotionPlan": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "saveConsentState": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "stateToConsents": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "useAnimationContext": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "useCookieConsent": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "useLayer": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "useLocalization": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "useNavigationPathname": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "useNavigationRouter": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "useNavigationRuntime": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "useNavigationSearchParams": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "useTheme": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "useToast": { "status": "skipped", "reason": "no component contract (not a renderable component export)" }, "useTranslate": { "status": "skipped", "reason": "no component contract (not a renderable component export)" } } }, "typography": { "components": { "Display": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 110 }, "hydration": { "ok": true } }, "Kbd": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 66 }, "hydration": { "ok": true } }, "Text": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 83 }, "hydration": { "ok": true } }, "Title": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 67 }, "hydration": { "ok": true } }, "VisuallyHidden": { "status": "pass", "ssr": { "ok": true, "htmlBytes": 43 }, "hydration": { "ok": true } } } } }, "informational": { "timings": { "Button": { "renderToStringMs": 0.354 }, "ButtonGroup": { "renderToStringMs": 0.067 }, "FilterChip": { "renderToStringMs": 0.026 }, "IconButton": { "renderToStringMs": 0.169 }, "SlideButton": { "renderToStringMs": 0.076 }, "SplitButton": { "renderToStringMs": 0.336 }, "AuthorBio": { "renderToStringMs": 0.008 }, "CodeBlockWindow": { "renderToStringMs": 0.163 }, "CodeSnippet": { "renderToStringMs": 0.413 }, "DataTable": { "renderToStringMs": 0.193 }, "ExpandableSection": { "renderToStringMs": 0.035 }, "Gallery": { "renderToStringMs": 0.134 }, "List": { "renderToStringMs": 0.029 }, "ListItem": { "renderToStringMs": 0.015 }, "Logo": { "renderToStringMs": 0.059 }, "ReadingProgress": { "renderToStringMs": 0.007 }, "Table": { "renderToStringMs": 0.026 }, "TableCell": { "renderToStringMs": 0.01 }, "TableHeaderCell": { "renderToStringMs": 0.011 }, "TableRow": { "renderToStringMs": 0.009 }, "Timestamp": { "renderToStringMs": 0.055 }, "ValueCard": { "renderToStringMs": 0.053 }, "VirtualList": { "renderToStringMs": 0.1 }, "VirtualListItem": { "renderToStringMs": 0.023 }, "AlertBanner": { "renderToStringMs": 0.054 }, "EmptyState": { "renderToStringMs": 0.061 }, "Progress": { "renderToStringMs": 0.019 }, "Skeleton": { "renderToStringMs": 0.027 }, "Spinner": { "renderToStringMs": 0.01 }, "Toast": { "renderToStringMs": 0.049 }, "ToastStack": { "renderToStringMs": 0.055 }, "Checkbox": { "renderToStringMs": 0.035 }, "CheckboxGroup": { "renderToStringMs": 0.123 }, "Combobox": { "renderToStringMs": 0.108 }, "FileUpload": { "renderToStringMs": 0.078 }, "FormField": { "renderToStringMs": 0.023 }, "GroupLabel": { "renderToStringMs": 0.017 }, "HelperText": { "renderToStringMs": 0.011 }, "Label": { "renderToStringMs": 0.021 }, "MultiCombobox": { "renderToStringMs": 0.103 }, "PhoneInput": { "renderToStringMs": 1.404 }, "Radio": { "renderToStringMs": 0.025 }, "RadioGroup": { "renderToStringMs": 0.077 }, "Select": { "renderToStringMs": 0.317 }, "SelectableCard": { "renderToStringMs": 0.069 }, "Switch": { "renderToStringMs": 0.114 }, "TextArea": { "renderToStringMs": 0.097 }, "TextInput": { "renderToStringMs": 0.103 }, "Author": { "renderToStringMs": 0.074 }, "Avatar": { "renderToStringMs": 0.024 }, "AvatarGroup": { "renderToStringMs": 0.032 }, "Badge": { "renderToStringMs": 0.11 }, "Icon": { "renderToStringMs": 0.067 }, "StatusDot": { "renderToStringMs": 0.041 }, "Accordion": { "renderToStringMs": 0.271 }, "AspectRatio": { "renderToStringMs": 0.029 }, "Card": { "renderToStringMs": 0.093 }, "Center": { "renderToStringMs": 0.018 }, "Container": { "renderToStringMs": 0.018 }, "Divider": { "renderToStringMs": 0.019 }, "FlexBox": { "renderToStringMs": 0.021 }, "Grid": { "renderToStringMs": 0.021 }, "MacWindowFrame": { "renderToStringMs": 0.122 }, "ResizablePanelGroup": { "renderToStringMs": 0.136 }, "Section": { "renderToStringMs": 0.026 }, "Spacer": { "renderToStringMs": 0.021 }, "Stack": { "renderToStringMs": 0.021 }, "Breadcrumb": { "renderToStringMs": 0.174 }, "CommandPalette": { "renderToStringMs": 0.014 }, "LanguageSwitcher": { "renderToStringMs": 0.126 }, "Link": { "renderToStringMs": 0.03 }, "Menu": { "renderToStringMs": 0.217 }, "NavLink": { "renderToStringMs": 0.045 }, "NavMenuList": { "renderToStringMs": 0.112 }, "Pagination": { "renderToStringMs": 0.311 }, "ScrollIndicator": { "renderToStringMs": 0.122 }, "SegmentedControl": { "renderToStringMs": 0.085 }, "SkipLink": { "renderToStringMs": 0.022 }, "Tabs": { "renderToStringMs": 0.166 }, "TreeView": { "renderToStringMs": 0.612 }, "CategoryFilter": { "renderToStringMs": 0.111 }, "Modal": { "renderToStringMs": 0.218 }, "PageLayout": { "renderToStringMs": 0.023 }, "ProcessBlock": { "renderToStringMs": 0.265 }, "ThemeProvider": { "renderToStringMs": 0.022 }, "Display": { "renderToStringMs": 0.019 }, "Kbd": { "renderToStringMs": 0.024 }, "Text": { "renderToStringMs": 0.023 }, "Title": { "renderToStringMs": 0.023 }, "VisuallyHidden": { "renderToStringMs": 0.019 } } }, "provenance": { "sourceCommit": "12cabe9a72e3711110622ec69466086520244c72", "workingTreeClean": true, "dirtyPathCount": 0, "generator": { "name": "measure-ssr-evidence", "version": 1, "node": "v22.22.3" } } }