@krizaka/ui 3.19.0 → 3.20.0

package/registry/index.json

@@ -1,6 +1,6 @@
 {
   "name": "@krizaka/ui",
-  "version": "3.19.0",
+  "version": "3.20.0",
   "templatePurposes": {
     "convince": {
       "title": "Convince",
@@ -430,6 +430,20 @@
       "status": "beta",
       "category": "data-display",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "Part of the storytelling kit of scroll-driven site pages; a phone app tells its first steps with Onboarding.",
+          "use": "mascot-state"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -448,6 +462,20 @@
       "status": "beta",
       "category": "blocks",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A block of a public site's page; an app screen on a phone is built from Screen, Header and Card.",
+          "use": "button"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -467,6 +495,21 @@
       "status": "beta",
       "category": "overlays",
       "platforms": "native",
+      "parity": {
+        "web": {
+          "state": "n/a",
+          "reason": "The web opens a menu next to its trigger.",
+          "use": "dropdown-menu"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "The Mac app opens a menu next to its trigger.",
+          "use": "dropdown-menu"
+        }
+      },
       "examples": {
         "web": 0,
         "native": 1
@@ -483,6 +526,17 @@
       "status": "beta",
       "category": "data-display",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 1
@@ -501,6 +555,19 @@
       "status": "stable",
       "category": "feedback",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "gap",
+          "reason": "An inline message above a form or a list; the apps use an empty state or a toast instead today.",
+          "issue": "krizaka/krizaka-ui#275"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 5,
         "native": 0
@@ -519,6 +586,19 @@
       "status": "beta",
       "category": "layouts",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "On a phone the app shell is a tab bar, a header and a screen.",
+          "use": "tab-bar"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 4,
         "native": 0
@@ -542,6 +622,20 @@
       "status": "beta",
       "category": "blocks",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A block of a public site's page; an app screen on a phone is built from Screen, Header and Card.",
+          "use": "card"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 3,
         "native": 0
@@ -561,6 +655,19 @@
       "status": "beta",
       "category": "media",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "gap",
+          "reason": "Needs an Expo audio module as an optional peer; Yororis' voice moments will need it.",
+          "issue": "krizaka/krizaka-ui#278"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -579,6 +686,19 @@
       "status": "beta",
       "category": "layouts",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "gap",
+          "reason": "orazaka-mobile-client hand-rolls it (src/ui/AuthShell.tsx).",
+          "issue": "krizaka/krizaka-ui#275"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 0
@@ -599,6 +719,17 @@
       "status": "stable",
       "category": "data-display",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 5,
         "native": 3
@@ -618,6 +749,17 @@
       "status": "stable",
       "category": "data-display",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 7,
         "native": 3
@@ -638,6 +780,17 @@
       "status": "stable",
       "category": "actions",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 16,
         "native": 11
@@ -660,6 +813,17 @@
       "status": "stable",
       "category": "layout",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 5,
         "native": 4
@@ -682,6 +846,20 @@
       "status": "beta",
       "category": "blocks",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A block of a public site's page; an app screen on a phone is built from Screen, Header and Card.",
+          "use": "card"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 4,
         "native": 0
@@ -701,6 +879,19 @@
       "status": "beta",
       "category": "templates",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A whole page of a public site; a phone app's screens are built from Screen, Header and the native primitives."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -720,6 +911,19 @@
       "status": "beta",
       "category": "templates",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A whole page of a public site; a phone app's screens are built from Screen, Header and the native primitives."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -739,6 +943,17 @@
       "status": "beta",
       "category": "data-display",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 2
@@ -759,6 +974,17 @@
       "status": "beta",
       "category": "forms",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 5,
         "native": 1
@@ -778,6 +1004,17 @@
       "status": "beta",
       "category": "forms",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 5,
         "native": 4
@@ -799,6 +1036,19 @@
       "status": "beta",
       "category": "navigation",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A block of a public site's page; an app screen on a phone is built from Screen, Header and Card.",
+          "use": "chip"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -818,6 +1068,20 @@
       "status": "beta",
       "category": "forms",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "Part of the storytelling kit of scroll-driven site pages; a phone app tells its first steps with Onboarding.",
+          "use": "radio-group"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -836,6 +1100,18 @@
       "status": "stable",
       "category": "foundations",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "Class names are the web's styling; React Native styles with StyleSheet and the theme's roles."
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -855,6 +1131,19 @@
       "status": "beta",
       "category": "blocks",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "Code on a phone is read inside an answer: the native Markdown renders its code blocks.",
+          "use": "markdown"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 0
@@ -876,6 +1165,17 @@
       "status": "beta",
       "category": "forms",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 4,
         "native": 2
@@ -897,6 +1197,19 @@
       "status": "beta",
       "category": "navigation",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A command palette is a keyboard tool; a phone searches.",
+          "use": "search-field"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 0
@@ -920,6 +1233,19 @@
       "status": "beta",
       "category": "templates",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A whole page of a public site; a phone app's screens are built from Screen, Header and the native primitives."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -940,6 +1266,19 @@
       "status": "beta",
       "category": "actions",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "gap",
+          "reason": "A destructive action confirmed in place: no phone screen needs it yet beyond SwipeableRow.",
+          "issue": "krizaka/krizaka-ui#276"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 0
@@ -961,6 +1300,19 @@
       "status": "beta",
       "category": "templates",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A whole page of a public site; a phone app's screens are built from Screen, Header and the native primitives."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -980,6 +1332,20 @@
       "status": "beta",
       "category": "actions",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "Part of the storytelling kit of scroll-driven site pages; a phone app tells its first steps with Onboarding.",
+          "use": "onboarding"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -999,6 +1365,17 @@
       "status": "stable",
       "category": "data-display",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 6,
         "native": 5
@@ -1017,6 +1394,20 @@
       "status": "beta",
       "category": "blocks",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A block of a public site's page; an app screen on a phone is built from Screen, Header and Card.",
+          "use": "button"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -1035,6 +1426,19 @@
       "status": "beta",
       "category": "layouts",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A phone dashboard is one scrolling screen of cards.",
+          "use": "screen"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -1053,6 +1457,19 @@
       "status": "beta",
       "category": "data-display",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "On a phone the rows are a list of cards, each with its fields as a description list — not a table to scroll sideways.",
+          "use": "list"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 15,
         "native": 0
@@ -1082,6 +1499,17 @@
       "status": "beta",
       "category": "forms",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 12,
         "native": 7
@@ -1104,6 +1532,20 @@
       "status": "beta",
       "category": "blocks",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A block of a public site's page; an app screen on a phone is built from Screen, Header and Card.",
+          "use": "description-list"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -1122,6 +1564,17 @@
       "status": "beta",
       "category": "data-display",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 1
@@ -1140,6 +1593,19 @@
       "status": "beta",
       "category": "layouts",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A phone shows one object per screen, under its header.",
+          "use": "screen"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 0
@@ -1158,6 +1624,17 @@
       "status": "stable",
       "category": "overlays",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 7,
         "native": 1
@@ -1179,6 +1656,19 @@
       "status": "beta",
       "category": "templates",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A whole page of a public site; a phone app's screens are built from Screen, Header and the native primitives."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -1200,6 +1690,19 @@
       "status": "beta",
       "category": "templates",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A whole page of a public site; a phone app's screens are built from Screen, Header and the native primitives."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -1220,6 +1723,19 @@
       "status": "beta",
       "category": "layouts",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "Documentation is read on the sites, not inside an app."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -1238,6 +1754,19 @@
       "status": "beta",
       "category": "media",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "gap",
+          "reason": "Needs a PDF module; Yomizaka has no phone app yet.",
+          "issue": "krizaka/krizaka-ui#278"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -1256,6 +1785,19 @@
       "status": "stable",
       "category": "overlays",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A phone's menu of actions rises from the bottom.",
+          "use": "action-sheet"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -1277,6 +1819,17 @@
       "status": "stable",
       "category": "feedback",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 4,
         "native": 1
@@ -1295,6 +1848,18 @@
       "status": "beta",
       "category": "templates",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A whole page of a public site; a phone app's screens are built from Screen, Header and the native primitives."
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -1313,6 +1878,21 @@
       "status": "beta",
       "category": "actions",
       "platforms": "native",
+      "parity": {
+        "web": {
+          "state": "n/a",
+          "reason": "A floating thumb-zone button is a touch idiom; a web screen puts its main action in the header.",
+          "use": "button"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "The Mac app puts its main action in the toolbar.",
+          "use": "button"
+        }
+      },
       "examples": {
         "web": 0,
         "native": 1
@@ -1329,6 +1909,17 @@
       "status": "stable",
       "category": "forms",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 5,
         "native": 2
@@ -1349,6 +1940,19 @@
       "status": "beta",
       "category": "media",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "On a phone files come from the camera roll or the camera.",
+          "use": "media-picker"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 4,
         "native": 0
@@ -1371,6 +1975,19 @@
       "status": "beta",
       "category": "forms",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "gap",
+          "reason": "No phone list screen filters yet; when one does, chips and a sheet.",
+          "issue": "krizaka/krizaka-ui#277"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 0
@@ -1393,6 +2010,17 @@
       "status": "beta",
       "category": "forms",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 7,
         "native": 6
@@ -1425,6 +2053,19 @@
       "status": "beta",
       "category": "templates",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A whole page of a public site; a phone app's screens are built from Screen, Header and the native primitives."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -1446,6 +2087,20 @@
       "status": "beta",
       "category": "layout",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A block of a public site's page; an app screen on a phone is built from Screen, Header and Card.",
+          "use": "card"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 3,
         "native": 0
@@ -1466,6 +2121,17 @@
       "status": "beta",
       "category": "data-display",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 1
@@ -1484,6 +2150,21 @@
       "status": "beta",
       "category": "navigation",
       "platforms": "native",
+      "parity": {
+        "web": {
+          "state": "n/a",
+          "reason": "A web screen's title and actions are its page header.",
+          "use": "page-header"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "The Mac app's title bar is the shell's header.",
+          "use": "app-shell"
+        }
+      },
       "examples": {
         "web": 0,
         "native": 1
@@ -1500,6 +2181,19 @@
       "status": "beta",
       "category": "templates",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A whole page of a public site; a phone app's screens are built from Screen, Header and the native primitives."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -1521,6 +2215,19 @@
       "status": "beta",
       "category": "media",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "gap",
+          "reason": "Avatars and covers are sent uncropped from the phone today.",
+          "issue": "krizaka/krizaka-ui#278"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 0
@@ -1541,6 +2248,21 @@
       "status": "beta",
       "category": "media",
       "platforms": "native",
+      "parity": {
+        "web": {
+          "state": "gap",
+          "reason": "The web galleries need a full-screen viewer too.",
+          "issue": "krizaka/krizaka-ui#279"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "gap",
+          "reason": "The Mac app renders the web's viewer once it exists.",
+          "issue": "krizaka/krizaka-ui#279"
+        }
+      },
       "examples": {
         "web": 0,
         "native": 1
@@ -1557,6 +2279,19 @@
       "status": "beta",
       "category": "layout",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "An isometric drawing of a site's hero."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 4,
         "native": 0
@@ -1573,6 +2308,19 @@
       "status": "beta",
       "category": "data-display",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A board needs width and dragging between columns; on a phone each column is a tab over a list.",
+          "use": "tabs"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -1591,6 +2339,18 @@
       "status": "stable",
       "category": "data-display",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A phone has no keyboard shortcuts to show."
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 0
@@ -1609,6 +2369,19 @@
       "status": "beta",
       "category": "templates",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A whole page of a public site; a phone app's screens are built from Screen, Header and the native primitives."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -1629,6 +2402,19 @@
       "status": "beta",
       "category": "blocks",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A block of a public site's page; an app screen on a phone is built from Screen, Header and Card."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -1647,6 +2433,19 @@
       "status": "beta",
       "category": "templates",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A whole page of a public site; a phone app's screens are built from Screen, Header and the native primitives."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -1667,6 +2466,20 @@
       "status": "beta",
       "category": "blocks",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A block of a public site's page; an app screen on a phone is built from Screen, Header and Card.",
+          "use": "card"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 3,
         "native": 0
@@ -1685,6 +2498,17 @@
       "status": "beta",
       "category": "data-display",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 3
@@ -1705,6 +2529,17 @@
       "status": "beta",
       "category": "feedback",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 7,
         "native": 3
@@ -1725,6 +2560,19 @@
       "status": "beta",
       "category": "templates",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A whole page of a public site; a phone app's screens are built from Screen, Header and the native primitives."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -1745,12 +2593,23 @@
       "status": "beta",
       "category": "data-display",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 4,
         "native": 2
       },
       "dependencies": [
-        "@krizaka/tokens@^3.19.0",
+        "@krizaka/tokens@^3.20.0",
         "@protomaps/basemaps@5.7.2",
         "tailwind-variants@^3.3.1"
       ],
@@ -1767,6 +2626,17 @@
       "status": "beta",
       "category": "data-display",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 2,
         "native": 2
@@ -1788,6 +2658,19 @@
       "status": "beta",
       "category": "layouts",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A whole page of a public site; a phone app's screens are built from Screen, Header and the native primitives."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 4,
         "native": 0
@@ -1808,6 +2691,19 @@
       "status": "beta",
       "category": "data-display",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "Decorative scrolling logos of a site's page."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -1826,6 +2722,20 @@
       "status": "beta",
       "category": "blocks",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A bird quoting a rule on a site's page; on a phone the bird carries a state.",
+          "use": "mascot-state"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -1845,6 +2755,17 @@
       "status": "beta",
       "category": "feedback",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 5,
         "native": 1
@@ -1865,6 +2786,17 @@
       "status": "beta",
       "category": "feedback",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 10,
         "native": 4
@@ -1881,6 +2813,17 @@
       "status": "beta",
       "category": "overlays",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 1,
         "native": 1
@@ -1901,6 +2844,17 @@
       "status": "beta",
       "category": "media",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 2,
         "native": 1
@@ -1914,20 +2868,36 @@
       "name": "media-grid",
       "type": "primitive",
       "title": "Media grid",
-      "summary": "A feed of videos in mixed orientations that never staggers: `MediaGrid` routes the 9:16 clips to a `ShortsShelf` (equal-height cards, snap scroll, arrows, “See all”) and lays the others in a uniform 16:9 grid; `VideoCard` is aspect-aware and gives every card the same body height so rows align.",
-      "description": "A feed of videos in mixed orientations that never staggers: `MediaGrid` routes the 9:16 clips to a `ShortsShelf` (equal-height cards, snap scroll, arrows, “See all”) and lays the others in a uniform 16:9 grid; `VideoCard` is aspect-aware and gives every card the same body height so rows align.",
+      "summary": "A feed of videos in mixed orientations that never staggers, with its loading states (`MediaGridSkeleton`, `VideoCardSkeleton`, `LoadMore`): `MediaGrid` routes the 9:16 clips to a `ShortsShelf` (equal-height cards, snap scroll, arrows, “See all”) and lays the others in a uniform 16:9 grid; `VideoCard` is aspect-aware and gives every card the same body height so rows align.",
+      "description": "A feed of videos in mixed orientations that never staggers, with its loading states (`MediaGridSkeleton`, `VideoCardSkeleton`, `LoadMore`): `MediaGrid` routes the 9:16 clips to a `ShortsShelf` (equal-height cards, snap scroll, arrows, “See all”) and lays the others in a uniform 16:9 grid; `VideoCard` is aspect-aware and gives every card the same body height so rows align.",
       "status": "beta",
       "category": "media",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "gap",
+          "reason": "orochia-mobile hand-rolls its tiles and stories rail (Tiles, StoriesRail).",
+          "issue": "krizaka/krizaka-ui#228"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
-        "web": 2,
+        "web": 3,
         "native": 0
       },
       "dependencies": [],
       "registryDependencies": [
         "avatar",
+        "button",
         "card",
-        "cn"
+        "cn",
+        "skeleton",
+        "spinner"
       ]
     },
     {
@@ -1939,6 +2909,21 @@
       "status": "beta",
       "category": "media",
       "platforms": "native",
+      "parity": {
+        "web": {
+          "state": "n/a",
+          "reason": "The web picks files with an upload field.",
+          "use": "file-upload"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "The Mac app picks files with the upload field and drag and drop.",
+          "use": "file-upload"
+        }
+      },
       "examples": {
         "web": 0,
         "native": 1
@@ -1955,6 +2940,17 @@
       "status": "beta",
       "category": "data-display",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 2
@@ -1973,12 +2969,26 @@
       "status": "beta",
       "category": "navigation",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A site's top bar; an app on a phone navigates with its tab bar.",
+          "use": "tab-bar"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 8,
         "native": 0
       },
       "dependencies": [
-        "@krizaka/tokens@^3.19.0",
+        "@krizaka/tokens@^3.20.0",
         "radix-ui@^1.7.0",
         "tailwind-variants@^3.3.1"
       ],
@@ -1996,6 +3006,17 @@
       "status": "beta",
       "category": "data-display",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 1
@@ -2012,6 +3033,21 @@
       "status": "beta",
       "category": "layout",
       "platforms": "native",
+      "parity": {
+        "web": {
+          "state": "n/a",
+          "reason": "A web first run is a few steps on one page.",
+          "use": "stepper"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "The Mac app's first run is the install wizard, a stepper.",
+          "use": "stepper"
+        }
+      },
       "examples": {
         "web": 0,
         "native": 1
@@ -2028,6 +3064,21 @@
       "status": "beta",
       "category": "forms",
       "platforms": "native",
+      "parity": {
+        "web": {
+          "state": "gap",
+          "reason": "The web sign-in asks for verification codes too.",
+          "issue": "krizaka/krizaka-ui#279"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "gap",
+          "reason": "The Mac app signs in with the web's form.",
+          "issue": "krizaka/krizaka-ui#279"
+        }
+      },
       "examples": {
         "web": 0,
         "native": 2
@@ -2044,6 +3095,20 @@
       "status": "beta",
       "category": "blocks",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A block of a public site's page; an app screen on a phone is built from Screen, Header and Card.",
+          "use": "screen"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 4,
         "native": 0
@@ -2063,6 +3128,19 @@
       "status": "stable",
       "category": "layout",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A phone screen's title and actions are its header.",
+          "use": "header"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 0
@@ -2081,6 +3159,20 @@
       "status": "beta",
       "category": "blocks",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A block of a public site's page; an app screen on a phone is built from Screen, Header and Card.",
+          "use": "header"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -2101,6 +3193,17 @@
       "status": "beta",
       "category": "navigation",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 4,
         "native": 2
@@ -2119,6 +3222,21 @@
       "status": "beta",
       "category": "feedback",
       "platforms": "native",
+      "parity": {
+        "web": {
+          "state": "n/a",
+          "reason": "The browser asks for a permission itself; the page explains it beforehand.",
+          "use": "alert"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "macOS asks for a permission itself; the app explains it beforehand.",
+          "use": "alert"
+        }
+      },
       "examples": {
         "web": 0,
         "native": 2
@@ -2135,6 +3253,17 @@
       "status": "beta",
       "category": "media",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 1,
         "native": 1
@@ -2153,6 +3282,19 @@
       "status": "beta",
       "category": "blocks",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "It follows a mouse pointer; a phone has none."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -2169,6 +3311,19 @@
       "status": "stable",
       "category": "overlays",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A phone shows extra content in a sheet.",
+          "use": "dialog"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -2189,6 +3344,19 @@
       "status": "beta",
       "category": "templates",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A whole page of a public site; a phone app's screens are built from Screen, Header and the native primitives."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -2209,6 +3377,19 @@
       "status": "beta",
       "category": "templates",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A whole page of a public site; a phone app's screens are built from Screen, Header and the native primitives."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -2236,6 +3417,17 @@
       "status": "beta",
       "category": "data-display",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 1
@@ -2254,6 +3446,17 @@
       "status": "beta",
       "category": "feedback",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 9,
         "native": 3
@@ -2272,6 +3475,20 @@
       "status": "beta",
       "category": "data-display",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "Part of the storytelling kit of scroll-driven site pages; a phone app tells its first steps with Onboarding.",
+          "use": "card"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -2290,6 +3507,21 @@
       "status": "beta",
       "category": "feedback",
       "platforms": "native",
+      "parity": {
+        "web": {
+          "state": "n/a",
+          "reason": "A web page refreshes by reloading or with a button.",
+          "use": "button"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A desktop window refreshes with Cmd+R or a toolbar button.",
+          "use": "button"
+        }
+      },
       "examples": {
         "web": 0,
         "native": 2
@@ -2306,6 +3538,17 @@
       "status": "beta",
       "category": "forms",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 5,
         "native": 4
@@ -2327,6 +3570,18 @@
       "status": "beta",
       "category": "foundations",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "The recipes are already shared: the native Button, Badge, Chip and Card read the same definitions through nativeRecipe."
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -2345,6 +3600,21 @@
       "status": "beta",
       "category": "layout",
       "platforms": "native",
+      "parity": {
+        "web": {
+          "state": "n/a",
+          "reason": "A web screen's frame is the application shell.",
+          "use": "app-shell"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "The Mac app's window is the application shell.",
+          "use": "app-shell"
+        }
+      },
       "examples": {
         "web": 0,
         "native": 8
@@ -2361,6 +3631,19 @@
       "status": "beta",
       "category": "layout",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "Part of the storytelling kit of scroll-driven site pages; a phone app tells its first steps with Onboarding."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -2379,6 +3662,17 @@
       "status": "beta",
       "category": "forms",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 2
@@ -2400,6 +3694,19 @@
       "status": "beta",
       "category": "layout",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A block of a public site's page; an app screen on a phone is built from Screen, Header and Card."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 5,
         "native": 0
@@ -2418,6 +3725,21 @@
       "status": "beta",
       "category": "navigation",
       "platforms": "native",
+      "parity": {
+        "web": {
+          "state": "n/a",
+          "reason": "The web's segmented control is the radio group's segments.",
+          "use": "radio-group"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "The Mac app uses the web's segments.",
+          "use": "radio-group"
+        }
+      },
       "examples": {
         "web": 0,
         "native": 2
@@ -2434,6 +3756,19 @@
       "status": "stable",
       "category": "layout",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "gap",
+          "reason": "A hairline between rows; Orazaka's settings group draws its own.",
+          "issue": "krizaka/krizaka-ui#275"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -2453,6 +3788,19 @@
       "status": "beta",
       "category": "layouts",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "gap",
+          "reason": "orazaka-mobile-client hand-rolls its settings rows and groups (src/ui/SettingsRow.tsx).",
+          "issue": "krizaka/krizaka-ui#246"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -2471,6 +3819,17 @@
       "status": "beta",
       "category": "data-display",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 2,
         "native": 1
@@ -2489,12 +3848,25 @@
       "status": "beta",
       "category": "navigation",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A site's footer; an app has none."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 3,
         "native": 0
       },
       "dependencies": [
-        "@krizaka/tokens@^3.19.0",
+        "@krizaka/tokens@^3.20.0",
         "radix-ui@^1.7.0",
         "tailwind-variants@^3.3.1"
       ],
@@ -2511,6 +3883,19 @@
       "status": "beta",
       "category": "foundations",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "The Krizaka family as data for the sites' bars; the apps are independent products."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -2527,6 +3912,17 @@
       "status": "stable",
       "category": "feedback",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 6,
         "native": 1
@@ -2545,6 +3941,18 @@
       "status": "stable",
       "category": "navigation",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "Screen readers on a phone move by headings and the rotor; there is no keyboard to skip with."
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -2563,6 +3971,17 @@
       "status": "beta",
       "category": "forms",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 9,
         "native": 4
@@ -2584,6 +4003,18 @@
       "status": "stable",
       "category": "foundations",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "asChild merges props into a DOM child; React Native composes with Pressable instead."
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -2602,6 +4033,17 @@
       "status": "stable",
       "category": "feedback",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 1
@@ -2620,6 +4062,21 @@
       "status": "beta",
       "category": "feedback",
       "platforms": "native",
+      "parity": {
+        "web": {
+          "state": "n/a",
+          "reason": "A web page has no splash screen; a wait shows the loader.",
+          "use": "loader"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "The Mac app opens on its window; a wait shows the loader.",
+          "use": "loader"
+        }
+      },
       "examples": {
         "web": 0,
         "native": 1
@@ -2636,6 +4093,19 @@
       "status": "beta",
       "category": "layouts",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A phone shows one pane at a time: the list, then the item on its own screen.",
+          "use": "screen"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 4,
         "native": 0
@@ -2654,6 +4124,19 @@
       "status": "beta",
       "category": "blocks",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "Part of the storytelling kit of scroll-driven site pages; a phone app tells its first steps with Onboarding."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -2672,6 +4155,19 @@
       "status": "stable",
       "category": "data-display",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "gap",
+          "reason": "The phone dashboards (Orochia earnings, Orazaka usage) write a figure and its caption by hand.",
+          "issue": "krizaka/krizaka-ui#275"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 6,
         "native": 0
@@ -2690,6 +4186,19 @@
       "status": "beta",
       "category": "templates",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A whole page of a public site; a phone app's screens are built from Screen, Header and the native primitives."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 3,
         "native": 0
@@ -2709,6 +4218,17 @@
       "status": "beta",
       "category": "navigation",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 1,
         "native": 1
@@ -2725,6 +4245,17 @@
       "status": "beta",
       "category": "navigation",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 1
@@ -2745,6 +4276,17 @@
       "status": "beta",
       "category": "data-display",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 1,
         "native": 1
@@ -2763,6 +4305,21 @@
       "status": "beta",
       "category": "data-display",
       "platforms": "native",
+      "parity": {
+        "web": {
+          "state": "n/a",
+          "reason": "Swiping a row is a touch gesture; on the web a row's actions are a menu.",
+          "use": "dropdown-menu"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "On the Mac a row's actions are a menu.",
+          "use": "dropdown-menu"
+        }
+      },
       "examples": {
         "web": 0,
         "native": 1
@@ -2779,6 +4336,17 @@
       "status": "beta",
       "category": "forms",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 5,
         "native": 2
@@ -2798,6 +4366,21 @@
       "status": "beta",
       "category": "navigation",
       "platforms": "native",
+      "parity": {
+        "web": {
+          "state": "n/a",
+          "reason": "A web app navigates with its sidebar or a site's bar.",
+          "use": "app-shell"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "The Mac app navigates with its sidebar.",
+          "use": "app-shell"
+        }
+      },
       "examples": {
         "web": 0,
         "native": 1
@@ -2814,6 +4397,17 @@
       "status": "beta",
       "category": "navigation",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 4,
         "native": 2
@@ -2833,6 +4427,19 @@
       "status": "beta",
       "category": "forms",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "Typing free tags is a keyboard task; on a phone the tags are chosen.",
+          "use": "tag-selector"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -2851,6 +4458,17 @@
       "status": "beta",
       "category": "forms",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 1,
         "native": 1
@@ -2869,6 +4487,19 @@
       "status": "beta",
       "category": "media",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A recorded terminal session shown on a site's page."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -2887,6 +4518,17 @@
       "status": "stable",
       "category": "foundations",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 2,
         "native": 1
@@ -2905,6 +4547,17 @@
       "status": "stable",
       "category": "feedback",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 5,
         "native": 3
@@ -2926,6 +4579,19 @@
       "status": "beta",
       "category": "blocks",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A reading page's sticky contents; a phone screen is short and scrolls."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "A public site's page, not a window of the Mac app."
+        }
+      },
       "examples": {
         "web": 1,
         "native": 0
@@ -2944,6 +4610,18 @@
       "status": "stable",
       "category": "overlays",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "A phone has no hover: say it in the label or the hint."
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -2964,6 +4642,19 @@
       "status": "deprecated",
       "category": "navigation",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "Deprecated: no product uses it."
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "Deprecated: no product uses it."
+        }
+      },
       "examples": {
         "web": 2,
         "native": 0
@@ -2982,6 +4673,19 @@
       "status": "beta",
       "category": "foundations",
       "platforms": "native",
+      "parity": {
+        "web": {
+          "state": "n/a",
+          "reason": "Text on the web is HTML styled by the type scale's classes."
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "n/a",
+          "reason": "The Mac app renders the web's HTML text."
+        }
+      },
       "examples": {
         "web": 0,
         "native": 2
@@ -2998,6 +4702,17 @@
       "status": "beta",
       "category": "feedback",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 1,
         "native": 1
@@ -3014,6 +4729,17 @@
       "status": "beta",
       "category": "media",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 2,
         "native": 1
@@ -3037,6 +4763,17 @@
       "status": "beta",
       "category": "media",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 4,
         "native": 1
@@ -3057,6 +4794,19 @@
       "status": "beta",
       "category": "media",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "gap",
+          "reason": "Orochia's upload from the phone will need it.",
+          "issue": "krizaka/krizaka-ui#278"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 0
@@ -3075,6 +4825,19 @@
       "status": "beta",
       "category": "data-display",
       "platforms": "web",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "n/a",
+          "reason": "The native list windows its rows already (FlashList).",
+          "use": "list"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 0