@krizaka/ui 3.19.0 → 3.21.0

package/registry/index.json

@@ -1,6 +1,6 @@
 {
   "name": "@krizaka/ui",
-  "version": "3.19.0",
+  "version": "3.21.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
@@ -1384,6 +2001,37 @@
         "dropdown-menu"
       ]
     },
+    {
+      "name": "force-update-screen",
+      "type": "primitive",
+      "title": "Force update screen",
+      "summary": "The blocking screen of a version that can no longer run: the mark, one sentence, one button to the store.",
+      "description": "The blocking screen of a version that can no longer run: the mark, one sentence, one button to the store.",
+      "status": "beta",
+      "category": "feedback",
+      "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
+      "examples": {
+        "web": 1,
+        "native": 1
+      },
+      "dependencies": [
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": [
+        "button"
+      ]
+    },
     {
       "name": "form",
       "type": "primitive",
@@ -1393,6 +2041,17 @@
       "status": "beta",
       "category": "forms",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 7,
         "native": 6
@@ -1425,6 +2084,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 +2118,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 +2152,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 +2181,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 +2212,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 +2246,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 +2279,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 +2310,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 +2339,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 +2370,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 +2400,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 +2433,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 +2464,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 +2497,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 +2529,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 +2560,17 @@
       "status": "beta",
       "category": "feedback",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 7,
         "native": 3
@@ -1725,6 +2591,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
@@ -1736,6 +2615,37 @@
         "page-hero"
       ]
     },
+    {
+      "name": "maintenance-screen",
+      "type": "primitive",
+      "title": "Maintenance screen",
+      "summary": "The screen of a service down on purpose: what is happening, when to come back, one button to check again.",
+      "description": "The screen of a service down on purpose: what is happening, when to come back, one button to check again.",
+      "status": "beta",
+      "category": "feedback",
+      "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
+      "examples": {
+        "web": 1,
+        "native": 1
+      },
+      "dependencies": [
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": [
+        "button"
+      ]
+    },
     {
       "name": "map",
       "type": "primitive",
@@ -1745,12 +2655,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.21.0",
         "@protomaps/basemaps@5.7.2",
         "tailwind-variants@^3.3.1"
       ],
@@ -1767,6 +2688,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 +2720,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 +2753,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 +2784,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 +2817,17 @@
       "status": "beta",
       "category": "feedback",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 5,
         "native": 1
@@ -1865,6 +2848,17 @@
       "status": "beta",
       "category": "feedback",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 10,
         "native": 4
@@ -1881,6 +2875,17 @@
       "status": "beta",
       "category": "overlays",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 1,
         "native": 1
@@ -1901,6 +2906,17 @@
       "status": "beta",
       "category": "media",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 2,
         "native": 1
@@ -1914,20 +2930,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 +2971,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 +3002,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 +3031,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.21.0",
         "radix-ui@^1.7.0",
         "tailwind-variants@^3.3.1"
       ],
@@ -1996,6 +3068,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 +3095,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 +3126,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 +3157,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 +3190,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 +3221,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 +3255,17 @@
       "status": "beta",
       "category": "navigation",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 4,
         "native": 2
@@ -2119,6 +3284,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 +3315,17 @@
       "status": "beta",
       "category": "media",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 1,
         "native": 1
@@ -2153,6 +3344,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 +3373,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 +3406,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 +3439,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 +3479,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 +3508,17 @@
       "status": "beta",
       "category": "feedback",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 9,
         "native": 3
@@ -2272,6 +3537,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 +3569,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 +3600,17 @@
       "status": "beta",
       "category": "forms",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 5,
         "native": 4
@@ -2327,6 +3632,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 +3662,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 +3693,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 +3724,17 @@
       "status": "beta",
       "category": "forms",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 2
@@ -2400,6 +3756,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 +3787,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 +3818,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 +3850,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 +3881,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 +3910,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.21.0",
         "radix-ui@^1.7.0",
         "tailwind-variants@^3.3.1"
       ],
@@ -2511,6 +3945,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 +3974,17 @@
       "status": "stable",
       "category": "feedback",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 6,
         "native": 1
@@ -2545,6 +4003,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 +4033,17 @@
       "status": "beta",
       "category": "forms",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 9,
         "native": 4
@@ -2584,6 +4065,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 +4095,17 @@
       "status": "stable",
       "category": "feedback",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 1
@@ -2620,6 +4124,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 +4155,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 +4186,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 +4217,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 +4248,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 +4280,17 @@
       "status": "beta",
       "category": "navigation",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 1,
         "native": 1
@@ -2725,6 +4307,17 @@
       "status": "beta",
       "category": "navigation",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 3,
         "native": 1
@@ -2745,6 +4338,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 +4367,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 +4398,17 @@
       "status": "beta",
       "category": "forms",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 5,
         "native": 2
@@ -2798,6 +4428,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 +4459,17 @@
       "status": "beta",
       "category": "navigation",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 4,
         "native": 2
@@ -2833,6 +4489,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 +4520,17 @@
       "status": "beta",
       "category": "forms",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 1,
         "native": 1
@@ -2869,6 +4549,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 +4580,17 @@
       "status": "stable",
       "category": "foundations",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 2,
         "native": 1
@@ -2905,6 +4609,17 @@
       "status": "stable",
       "category": "feedback",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 5,
         "native": 3
@@ -2926,6 +4641,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 +4672,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 +4704,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 +4735,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
@@ -2989,6 +4755,37 @@
       "dependencies": [],
       "registryDependencies": []
     },
+    {
+      "name": "update-prompt",
+      "type": "primitive",
+      "title": "Update prompt",
+      "summary": "The soft invitation to update: a banner the person can dismiss, with the versions and one button to the store.",
+      "description": "The soft invitation to update: a banner the person can dismiss, with the versions and one button to the store.",
+      "status": "beta",
+      "category": "feedback",
+      "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
+      "examples": {
+        "web": 1,
+        "native": 1
+      },
+      "dependencies": [
+        "tailwind-variants@^3.3.1"
+      ],
+      "registryDependencies": [
+        "button"
+      ]
+    },
     {
       "name": "verified-badge",
       "type": "primitive",
@@ -2998,6 +4795,17 @@
       "status": "beta",
       "category": "feedback",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 1,
         "native": 1
@@ -3014,6 +4822,17 @@
       "status": "beta",
       "category": "media",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 2,
         "native": 1
@@ -3037,6 +4856,17 @@
       "status": "beta",
       "category": "media",
       "platforms": "both",
+      "parity": {
+        "web": {
+          "state": "yes"
+        },
+        "native": {
+          "state": "yes"
+        },
+        "desktop": {
+          "state": "yes"
+        }
+      },
       "examples": {
         "web": 4,
         "native": 1
@@ -3057,6 +4887,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 +4918,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